@charset "UTF-8";
/*!

Jake Rudkin-Wilson Jakerw.co.uk

*/
/* SASS */
/*

VARIABLES

*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap");
/* PALETTE */
/* TYPOGRAPHY */
/* LAYOUT */
/* EDGBASTON BRANDING */
/* MIDDLESBROUGH BRANDING */
/* CTR BRANDING */
/* UEFA BRANDING */
/* Common Wealth Games BRANDING */
/* BDL BRANDING */
/* PTP BRANDING */
/* BHA BRANDING */
/* WEMBLEY PARK BRANDING */
/* BBC BRANDING */
/* BBC LUTON BRANDING */
/* BBC PRESTON BRANDING */
/* ARSENAL BRANDING */
/* NEWCASTLE BRANDING */
/* RWC2025 BRANDING */
/* READING FESTIVAL BRANDING */
/*

MIXINS

*/
/**
 * Output font size using rem and fallback
 *
   `@include font-size(10px);`
 *
 */
/**
 * Output font size using rem and colour
 *
   `@include font-size-colour (10px, ffffff);`
 *
 */
/**
 * Output uppercase with some letter spacing
 *
   `@include uppercase(0.1em);`
 *
 */
/**
 * Output vendor-prefixed rules
 *
   `@include prefix(border-radius, 4px);`
 *
 */
/**
 * Output clearfix rules
 *
   `@include clearfix;`
 *
 */
/**
 * Output media query block
 *
   `@include media-query(min, 640px);`
 *
 */
/**
 * Output media query block
 *
   `@include media-query-height(min, 640px);`
 *
 */
/**
 * Output media query block with min and max limits
 *
   `@include media-query-bracket(640px, 960px);`
 *
 */
/**
 * Output rule for offscreen image replacement
 *
   `@include offscreen();`
 *
 */
/**
 * Output color using rgba and fallback
 *
   `@include alpha(border-color, rgba(black,0.1), white);`
 *
 */
/**
 * Output percentage using px
 *
   `@include pxtopercent(500px, 1000px);`
 *
 */
/**
 * Set the opacity for all browsers and provide a filter fallback for IE8.
 *
   `@include opacity(0.8);`
 *
 */
/**
 * Center-align a block level element
 *
   `@include center-block;`
 *
 */
/**
 * Absolute Positioned
 *
   `@include abs-pos(10px, 10px, 5px, 15px);`
 *
 */
/**
 * Vertical Align anything
 *
   `@include vertical-align();`
 *
 */
/**
 * Set float direction and width
 *
   `@include fl-width(left, 100%);`
 *
 */
/**
* Full size background image
*
  `@include full-page-img('image.jpg');`
*
*/
/**
* keyframes mixin
*
  `@include keyframes(bgcolor)`
*
*/
/* RESET */
/*

NORMALIZE

*/
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,700|Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Comfortaa:300,400,700);
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
@import url(https://use.typekit.net/ksl3ybk.css);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
    display: none;
}

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

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

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
}

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

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

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

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

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

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

/*
 * Sets consistent quote types.
 */
q {
    quotes: "“" "”" "‘" "’";
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*

RESET

*/
/**
* Let’s make the box model all nice, shall we…?
*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
    margin: 0;
    padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
    cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
a, u, ins {
    text-decoration: none;
}

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
    border-bottom: 1px solid;
}

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
    font-style: italic;
    display: block;
    width: 100%;
}

/**
 * Give form elements some cursor interactions...
 */
label,
input,
textarea,
button,
select,
option {
    cursor: pointer;
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor: text;
    outline: none;
}

/* REBOOT */
/* ====== BASE STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - GENERAL SECTION STYLES
    - CONTENT SECTION STYLES
====== */
/* ==========================================================================
$   TYPOGRAPHY STYLES
========================================================================== */
:root {
    --newcastle: black;
    --newcastle-primary: #0a55ff;
    --newcastle-primary-600: #0843cc;
    --newcastle-secondary: #00e1ad;
    --rwc2025: #000000;
    --rwc2025-primary: #e1b300;
    --rwc2025-primary-600: #a57e00;
    --rwc2025-secondary: #bf0091;
    --rwc2025-secondary-600: #990074;
    --rwc2025-hn-font-family: rwc, sans-serif;
    --rwc2025-base-font-family: DM Sans, sans-serif;
    --reading-festival: #000000;
    --reading-festival-primary: #c4161c;
    --reading-festival-primary-600: #c4161c;
    --reading-festival-secondary: #ffcb05;
    --reading-festival-secondary-600: #ffcb05;
    --reading-festival-hn-font-family: Helvetica Neue, Helvetica, sans-serif;
    --reading-festival-base-font-family: Helvetica Neue, Helvetica, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, #order-total .line-item label, h5, .h5, h6, .h6 label {
    color: #333333;
    font-family: "Poppins", sans-serif;
    position: relative;
    padding-bottom: 15px;
    font-weight: 300;
}

h1, .h1 {
    line-height: 1.3em;
    padding-bottom: 0.5em;
    font-weight: 300;
}
@media screen and (min-width: 0) and (max-width: 599px) {
    h1, .h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}

h2, .h2 {
    font-size: 22px;
    font-size: 1.5714285714rem;
}
@media screen and (min-width: 600px) {
    h2, .h2 {
        font-size: 26px;
        font-size: 1.8571428571rem;
    }
}
@media screen and (min-width: 900px) {
    h2, .h2 {
        font-size: 30px;
        font-size: 2.1428571429rem;
    }
}

h3, .h3 {
    line-height: 1.4em;
    font-size: 20px;
    font-size: 1.4285714286rem;
}
@media screen and (min-width: 600px) {
    h3, .h3 {
        font-size: 26px;
        font-size: 1.8571428571rem;
    }
}
@media screen and (min-width: 900px) {
    h3, .h3 {
        font-size: 28px;
        font-size: 2rem;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    h4, .h4, #order-total .line-item label {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}
@media screen and (min-width: 0) and (max-width: 599px) {
    h4, .h4, #order-total .line-item label {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}

h5, .h5 {
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
}
@media screen and (min-width: 0) and (max-width: 599px) {
    h5, .h5 {
        font-size: 14px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    h6, .h6 {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}
@media screen and (min-width: 0) and (max-width: 599px) {
    h6, .h6 {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}

a:hover, a:active, a:focus {
    outline: none;
}

a {
    color: #4681b8;
    font-weight: 400;
    outline: none;
}
a:hover {
    color: #4681b8;
}

p {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    line-height: 22px;
}

p.primary {
    color: #4681b8;
}

.text-center, .ta-c {
    text-align: center;
}

.break {
    zoom: 1;
}
.break:before, .break:after {
    content: "";
    display: table;
}
.break:after {
    clear: both;
}

@media screen and (min-width: 900px) and (max-width: 119999px) {
    .desk-break {
        zoom: 1;
    }
    .desk-break:before, .desk-break:after {
        content: "";
        display: table;
    }
    .desk-break:after {
        clear: both;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    .lap-break {
        zoom: 1;
    }
    .lap-break:before, .lap-break:after {
        content: "";
        display: table;
    }
    .lap-break:after {
        clear: both;
    }
}

@media screen and (min-width: 0) and (max-width: 599px) {
    .palm-break {
        zoom: 1;
    }
    .palm-break:before, .palm-break:after {
        content: "";
        display: table;
    }
    .palm-break:after {
        clear: both;
    }
}

.small-txt {
    color: #9B9B9B;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

/* ==========================================================================
$   GENERAL SECTION STYLES
========================================================================== */
body {
    background: white;
    font-family: "Noto Sans", sans-serif, Arial, Helvetica, sans-serif;
    font-size: 14px;
    min-width: 320px;
}
body.noscroll {
    overflow: hidden;
}

blockquote > p {
    color: #9B9B9B;
    font-family: Georgia, serif;
    margin: 0;
    padding: 0;
}

blockquote p:before {
    content: open-quote;
}

blockquote p:after {
    content: close-quote;
}

blockquote {
    display: block;
    font-style: italic;
    font-weight: 100;
    margin: 0.5em;
    padding-left: 22px;
    position: relative;
}
blockquote:before {
    background: #4681b8;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    width: 2px;
}
blockquote p {
    font-weight: 300;
}

.fw {
    zoom: 1;
    width: 100%;
}
.fw:before, .fw:after {
    content: "";
    display: table;
}
.fw:after {
    clear: both;
}

.right-col, .left-col {
    display: block;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .right-col, .left-col {
        display: inline-block;
        width: 50%;
    }
}

.colour-bg p, .primary-bg p, .colour-bg a, .primary-bg a, .colour-bg h6, .primary-bg h6, .colour-bg label, .primary-bg label {
    color: #ffffff;
}

.white-bg {
    background-color: #ffffff;
}
.white-bg p, .white-bg a {
    color: #9B9B9B;
}

.primary-bg {
    background-color: #4681b8;
}
.primary-bg h2, .primary-bg h3, .primary-bg p, .primary-bg a, .primary-bg h5, .primary-bg label, .primary-bg blockquote {
    color: #ffffff;
}
.primary-bg h2:after, .primary-bg .h2:after, .primary-bg h3:after, .primary-bg .h3:after {
    background-color: #ffffff;
}

.secondary-bg {
    background-color: #f1f1f2;
}

.tertiary-bg {
    background-color: #30355a;
}

.full-bg {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.close {
    display: inline-block;
    float: left;
    height: 35px;
    position: absolute;
    right: 2em;
    top: 2em;
    width: 35px;
    z-index: 5000;
}
@media screen and (min-width: 0) and (max-width: 599px) {
    .close {
        right: 1em;
        top: 1em;
        width: 30px;
    }
}
.close span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ffffff;
    display: block;
    height: 3px;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 35px;
}
.close span:last-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close:hover {
    cursor: pointer;
}

/* ==========================================================================
$   CONTENT SECTION STYLES
========================================================================== */
.centered {
    zoom: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    position: relative;
    width: 100%;
}
.centered:before, .centered:after {
    content: "";
    display: table;
}
.centered:after {
    clear: both;
}

.content-wrapper {
    zoom: 1;
}
.content-wrapper:before, .content-wrapper:after {
    content: "";
    display: table;
}
.content-wrapper:after {
    clear: both;
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
}

.container-inner {
    zoom: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 100%;
}
.container-inner:before, .container-inner:after {
    content: "";
    display: table;
}
.container-inner:after {
    clear: both;
}

.ta-j p, .ta-j, section.main .ta-j p {
    text-align: justify;
}

.-middle {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.primary {
    color: #4681b8;
}

/*

HELPERS

*/
/*
 * Clearfix
 */
.clearfix,
.cf {
    zoom: 1;
}
.clearfix:before, .clearfix:after,
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.clearfix:after,
.cf:after {
    clear: both;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

.visible {
    display: block !important;
    visibility: visible;
}

/*
 * For menu toggling
 */
.is-closed {
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}

.is-open {
    height: auto;
    overflow: visible;
}

/*
 * Breakpoint based hiding
 */
.palm {
    display: none !important;
}

.lap {
    display: none !important;
}

.not-desk {
    display: none !important;
}

@media screen and (min-width: 0px) {
    .desk {
        display: none !important;
    }

    .not-desk {
        display: inherit !important;
    }

    .lap {
        display: none !important;
    }

    .not-lap {
        display: inherit !important;
    }

    .palm {
        display: inherit !important;
    }

    .not-palm {
        display: none !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    .desk {
        display: none !important;
    }

    .not-desk {
        display: inherit !important;
    }

    .lap {
        display: inherit !important;
    }

    .not-lap {
        display: none !important;
    }

    .palm {
        display: none !important;
    }

    .not-palm {
        display: inherit !important;
    }
}
@media screen and (min-width: 900px) {
    .desk {
        display: inherit !important;
    }

    .not-desk {
        display: none !important;
    }

    .lap {
        display: none !important;
    }

    .not-lap {
        display: inherit !important;
    }

    .palm {
        display: none !important;
    }

    .not-palm {
        display: inherit !important;
    }
}
/*
    * Overrides for emergency use only ;)
*/
.float--right, .fr {
    float: right !important;
}

.float--left, .fl {
    float: left !important;
}

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

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

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

.flush {
    margin: 0 !important;
}

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

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

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

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

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

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

.clear--both, .cb {
    clear: both !important;
}

/* OBJECTS */
/*
OBJECTS
- Media
- Buttons
- Icons
- Todo: Grid
- Todo: Nav
- Todo: Pagination
- Todo: Block List
- Todo: Sprite
*/
/*========================================
$ NAVS
========================================*/
.nav, .button-group, .nav--breadcrumb, .nav--tabbed, .nav--stacked, .nav--inline {
    zoom: 1;
    margin-left: 0;
    list-style: none;
}
.nav:before, .button-group:before, .nav--breadcrumb:before, .nav--tabbed:before, .nav--stacked:before, .nav--inline:before, .nav:after, .button-group:after, .nav--breadcrumb:after, .nav--tabbed:after, .nav--stacked:after, .nav--inline:after {
    content: "";
    display: table;
}
.nav:after, .button-group:after, .nav--breadcrumb:after, .nav--tabbed:after, .nav--stacked:after, .nav--inline:after {
    clear: both;
}
.nav > li, .button-group > li, .nav--breadcrumb > li, .nav--tabbed > li, .nav--stacked > li, .nav--inline > li {
    float: left;
}
.nav > li + li, .button-group > li + li, .nav--breadcrumb > li + li, .nav--tabbed > li + li, .nav--stacked > li + li, .nav--inline > li + li {
    margin-left: 22px;
}
.nav > li > a, .button-group > li > a, .nav--breadcrumb > li > a, .nav--tabbed > li > a, .nav--stacked > li > a, .nav--inline > li > a {
    display: inline-block;
}
.nav > li.active > a, .button-group > li.active > a, .nav--breadcrumb > li.active > a, .nav--tabbed > li.active > a, .nav--stacked > li.active > a, .nav--inline > li.active > a {
    cursor: default;
}

.nav--inline > li {
    float: none;
    display: inline-block;
}

.nav--stacked > li {
    float: none;
    display: block;
    margin: 0;
}
.nav--stacked > li + li {
    margin-left: 0;
}
.nav--stacked > li > a {
    display: block;
}

.nav--tabbed {
    margin-bottom: 22px;
    border-bottom: 1px solid #cccccc;
}
.nav--tabbed > li {
    margin-bottom: -1px;
}
.nav--tabbed > li + li {
    margin-left: 11px;
}
.nav--tabbed > li > a {
    border: 1px solid #cccccc;
    border-bottom: none;
    padding: 10px;
    border-radius: 9px 9px 0 0;
    background: #f2f2f2;
    font-weight: bold;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
.nav--tabbed > li.active > a {
    border-bottom: 1px solid white;
    background: none;
    color: inherit;
}

.tabbed--full {
    text-align: center;
}
.tabbed--full > li + li {
    margin-left: 0;
}
.tabbed--full > li > a {
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.tabbed--full > li:first-child > a {
    -webkit-border-radius: 9px 0 0 0;
    -moz-border-radius: 9px 0 0 0;
    -ms-border-radius: 9px 0 0 0;
    -o-border-radius: 9px 0 0 0;
    border-radius: 9px 0 0 0;
}
.tabbed--full > li:last-child > a {
    -webkit-border-radius: 0 9px 0 0;
    -moz-border-radius: 0 9px 0 0;
    -ms-border-radius: 0 9px 0 0;
    -o-border-radius: 0 9px 0 0;
    border-radius: 0 9px 0 0;
}

.tabbed-2 > li {
    width: 50%;
}

.tabbed-3 > li {
    width: 33.33333%;
}

.tabbed-4 > li {
    width: 25%;
}

.tab__body {
    zoom: 1;
    margin-bottom: 22px;
}
.tab__body:before, .tab__body:after {
    content: "";
    display: table;
}
.tab__body:after {
    clear: both;
}
.tab__body > :last-child {
    margin-bottom: 0;
}

.nav--breadcrumb > li + li {
    margin-left: 5.5px;
}
.nav--breadcrumb > li + li:before {
    content: "→";
    display: inline-block;
    margin-right: 5.5px;
}
@media screen and (max-width: 599px) {
    .nav--breadcrumb > li {
        display: none;
    }
    .nav--breadcrumb > li:nth-last-child(2) {
        display: block;
        float: none;
    }
    .nav--breadcrumb > li a {
        display: block;
    }
    .nav--breadcrumb > li + li {
        margin-left: 0;
    }
    .nav--breadcrumb > li + li:before {
        content: "←";
        float: left;
    }
}

/*========================================
$ FLYOUT
========================================*/
.flyout,
.flyout--rev,
.flyout--alt {
    position: relative;
}
.flyout__body {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1;
    border: 1px solid #cccccc;
    background: white;
    white-space: nowrap;
}
.flyout__body li {
    float: none;
    display: block;
}

.flyout:hover > .flyout__body {
    left: 0;
}

.flyout--rev:hover > .flyout__body {
    left: auto;
    right: 0;
}

.flyout--alt:hover > .flyout__body {
    left: 0;
    top: auto;
    bottom: 100%;
}

/*========================================
$ MEDIA
========================================*/
.media {
    zoom: 1;
    display: block;
}
.media:before, .media:after {
    content: "";
    display: table;
}
.media:after {
    clear: both;
}

.media > a {
    display: block;
}

.media__img {
    float: left;
    margin-right: 22px;
}

.media__img--rev {
    float: right;
    margin-left: 22px;
}

.media__img img,
.media__img--rev img {
    display: block;
}

.media__body {
    overflow: hidden;
}

.media__body,
.media__body > :last-child {
    margin-bottom: 0;
}

/*========================================
$ PANEL
========================================*/
.panel, .notice {
    margin-bottom: 22px;
    padding: 22px;
    background: white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.panel > :first-child, .notice > :first-child {
    /*padding-top: 0;*/
}
.panel .full, .notice .full {
    margin-right: -22px;
    margin-left: -22px;
}

.panel__title {
    margin: -22px -22px 22px;
    border-bottom: 1px solid #cccccc;
    padding: 22px;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1;
}
.panel__title + * {
    padding-top: 0;
}

.panel__body > :last-child {
    margin-bottom: 0;
}

.panel__footer {
    margin: 22px -22px -22px;
    border-top: 1px solid #F6F7F8;
    padding: 22px;
    background: #f2f2f2;
}

.panel--bordered, .notice, .panel--cta {
    border: 1px solid #cccccc;
    padding: 21px;
}
.panel--bordered .full, .notice .full, .panel--cta .full {
    margin-right: -21px;
    margin-left: -21px;
}
.panel--bordered .panel__title, .notice .panel__title, .panel--cta .panel__title {
    margin: -21px -21px 22px;
}
.panel--bordered .panel__footer, .notice .panel__footer, .panel--cta .panel__footer {
    margin: 22px -21px -21px;
}

.panel--cta {
    border-color: #4681b8;
    background: #f2f2f2;
}
.panel--cta .panel__title {
    border-bottom: 0;
    background: #4681b8;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.panel--cta hr {
    border-color: #cccccc;
}

/*========================================
$ NOTICE
========================================*/
.notice {
    padding-top: 11px;
    padding-bottom: 11px;
}
.notice > :first-child {
    padding-top: 0;
}
.notice > :last-child {
    margin-bottom: 0;
}

.notice--alert {
    background: white;
    border-color: #ff9d1a;
}
.notice--alert .panel__title {
    border-color: #ff9d1a;
}

.notice--success {
    background: white;
    border-color: #4681b8;
}
.notice--success .panel__title {
    border-color: #4681b8;
}

.notice--failure {
    background: white;
    border-color: #e01d2a;
}
.notice--failure .panel__title {
    border-color: #e01d2a;
}

/*========================================
$ MODAL
========================================*/
.modal {
    display: none;
    position: fixed;
    left: 11px;
    right: 11px;
    top: 11px;
    z-index: 21;
    padding: 22px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
}
@media screen and (min-width: 600px) {
    .modal {
        left: 50%;
        right: auto;
        top: 10%;
        margin-left: -240px;
        width: 480px;
    }
}
.modal > :last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 900px) {
    .modal--large {
        margin-left: -450px;
        width: 900px;
    }
}

.modal__close {
    position: absolute;
    top: 11px;
    right: 11px;
    width: 22px;
    height: 22px;
    text-align: center;
}

.modal__title {
    margin-bottom: 22px;
    border-bottom: 1px solid #cccccc;
    padding-top: 0;
    padding-bottom: 11px;
}

.modal-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
}

/*========================================
$ TOOLTIP
========================================*/
.tooltip:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 10px;
    display: inline-block;
    border-color: #cccccc transparent;
    border-style: solid;
    border-width: 7px 7px 0;
}

.tooltip:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 10px;
    display: inline-block;
    border-color: white transparent;
    border-style: solid;
    border-width: 7px 7px 0;
}

/*========================================
$ BUTTONS
========================================*/
.button-bar {
    zoom: 1;
}
.button-bar:before, .button-bar:after {
    content: "";
    display: table;
}
.button-bar:after {
    clear: both;
}
.button-bar .button-group {
    float: left;
    margin-right: 11px;
    margin-bottom: 0;
}

.button-group {
    white-space: nowrap;
}
.button-group > li + li {
    margin-left: -1px;
}
.button-group .button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.button-group > li:first-child .button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.button-group > li:last-child .button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*========================================
$ ICONS
========================================*/
.stat {
    color: #818181;
    text-align: right;
}

.stat__count {
    font-size: 30px;
    font-size: 2.1428571429rem;
}

.stat__title {
    display: block;
    font-size: 11px;
    font-size: 0.7857142857rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/*========================================
$ ICONS
========================================*/
[class^=icon-] span, [class*=" icon-"] span {
    position: absolute;
    left: -9999px;
}

/*========================================
$ GRID
========================================*/
.wrapper {
    clear: both;
    width: 100%;
}

.grid {
    zoom: 1;
    margin-left: -4%;
}
.grid:before, .grid:after {
    content: "";
    display: table;
}
.grid:after {
    clear: both;
}
@media screen and (min-width: 900px) {
    .grid {
        margin-left: -2%;
    }
}

.grid--padded-top, .grid--padded {
    padding-top: 22px;
}

.grid--padded-bottom, .grid--padded {
    padding-bottom: 22px;
}

[class*=span],
.grid__cell {
    position: relative;
    float: left;
    display: inline;
    padding-left: 4%;
    width: 100%;
    min-height: 1px;
}
@media screen and (min-width: 900px) {
    [class*=span],
    .grid__cell {
        padding-left: 2%;
    }
}

@media screen and (max-width: 599px) {
    .palm-4-1 {
        width: 25%;
    }

    .palm-4-2 {
        width: 50%;
    }

    .palm-4-3 {
        width: 75%;
    }

    .palm-4-4 {
        width: 100%;
    }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
    .lap-4-1 {
        width: 25%;
    }

    .lap-4-2 {
        width: 50%;
    }

    .lap-4-3 {
        width: 75%;
    }

    .lap-4-4 {
        width: 100%;
    }

    .lap-5-1 {
        width: 20%;
    }

    .lap-5-2 {
        width: 40%;
    }

    .lap-5-3 {
        width: 60%;
    }

    .lap-5-4 {
        width: 80%;
    }

    .lap-5-5 {
        width: 100%;
    }
}
@media screen and (min-width: 900px) {
    .desk-6-1 {
        width: 16.6666666667%;
    }

    .desk-6-2 {
        width: 33.3333333333%;
    }

    .desk-6-3 {
        width: 50%;
    }

    .desk-6-4 {
        width: 66.6666666667%;
    }

    .desk-6-5 {
        width: 83.3333333333%;
    }

    .desk-6-6 {
        width: 100%;
    }

    .desk-8-1 {
        width: 12.5%;
    }

    .desk-8-2 {
        width: 25%;
    }

    .desk-8-3 {
        width: 37.5%;
    }

    .desk-8-4 {
        width: 50%;
    }

    .desk-8-5 {
        width: 62.5%;
    }

    .desk-8-6 {
        width: 75%;
    }

    .desk-8-7 {
        width: 87.5%;
    }

    .desk-8-8 {
        width: 100%;
    }
}
/* THEME */
/* ====== BASE STYLES ====== */
/* ======
BASE STYLES
	- TYPOGRAPHY STYLES
	- GENERAL SECTION STYLES
	- CONTENT SECTION STYLES
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, #order-total .line-item label, h5, .h5, h6, .h6 label {
    color: #2c3256;
    font-family: "Poppins", sans-serif;
    position: relative;
    padding-bottom: 15px;
    letter-spacing: 0.07rem;
}

h1, .h1 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    color: #2c3256;
    font-weight: 800;
    line-height: 1.3em;
    padding-bottom: 0.5em;
}
@media screen and (min-width: 600px) {
    h1, .h1 {
        font-size: 30px;
        font-size: 2.1428571429rem;
    }
}
@media screen and (min-width: 900px) {
    h1, .h1 {
        font-size: 40px;
        font-size: 2.8571428571rem;
    }
}

h2, .h2 {
    color: #2c3256;
    font-weight: 800;
    font-size: 22px;
    font-size: 1.5714285714rem;
}
@media screen and (min-width: 600px) {
    h2, .h2 {
        font-size: 26px;
        font-size: 1.8571428571rem;
    }
}
@media screen and (min-width: 900px) {
    h2, .h2 {
        font-size: 30px;
        font-size: 2.1428571429rem;
    }
}

h3, .h3 {
    color: #2c3256;
    line-height: 1.4em;
    font-size: 20px;
    font-size: 1.4285714286rem;
}
@media screen and (min-width: 600px) {
    h3, .h3 {
        font-size: 26px;
        font-size: 1.8571428571rem;
    }
}
@media screen and (min-width: 900px) {
    h3, .h3 {
        font-size: 28px;
        font-size: 2rem;
    }
}

h4, .h4, #order-total .line-item label {
    color: #2c3256;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 600px) {
    h4, .h4, #order-total .line-item label {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}
@media screen and (min-width: 900px) {
    h4, .h4, #order-total .line-item label {
        font-size: 22px;
        font-size: 1.5714285714rem;
    }
}

h5, .h5 {
    color: #2c3256;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 14px;
}
@media screen and (min-width: 600px) {
    h5, .h5 {
        font-size: 16px;
    }
}
@media screen and (min-width: 900px) {
    h5, .h5 {
        font-size: 18px;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    h6, .h6 {
        font-size: 20px;
        font-size: 1.4285714286rem;
    }
}
@media screen and (min-width: 0) and (max-width: 599px) {
    h6, .h6 {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}

a:hover, a:active, a:focus {
    outline: none;
}

a {
    color: #4681b8;
    font-weight: 400;
    outline: none;
}
a:hover {
    color: #4681b8;
    cursor: pointer;
}

p {
    font-size: 13px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
    p {
        font-size: 14px;
    }
}
p a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    color: #ffffff;
    padding: 0 0.25em;
    position: relative;
    display: inline-block;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
}
p a:hover {
    color: #ffffff;
}

p.primary {
    color: #4681b8;
}

.text-center, .ta-c {
    text-align: center;
}

.break {
    zoom: 1;
}
.break:before, .break:after {
    content: "";
    display: table;
}
.break:after {
    clear: both;
}

@media screen and (min-width: 900px) and (max-width: 119999px) {
    .desk-break {
        zoom: 1;
    }
    .desk-break:before, .desk-break:after {
        content: "";
        display: table;
    }
    .desk-break:after {
        clear: both;
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    .lap-break {
        zoom: 1;
    }
    .lap-break:before, .lap-break:after {
        content: "";
        display: table;
    }
    .lap-break:after {
        clear: both;
    }
}

@media screen and (min-width: 0) and (max-width: 599px) {
    .palm-break {
        zoom: 1;
    }
    .palm-break:before, .palm-break:after {
        content: "";
        display: table;
    }
    .palm-break:after {
        clear: both;
    }
}

.small-txt {
    color: #9B9B9B;
    font-size: 12px;
    font-size: 0.8571428571rem;
}

/* ==========================================================================
$	GENERAL SECTION STYLES
========================================================================== */
html {
    position: relative;
}

body {
    background-color: #F4F4F4;
    font-family: "Noto Sans", sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    min-width: 320px;
}
@media screen and (min-width: 600px) {
    body {
        font-size: 14px;
    }
}
body.noscroll {
    overflow: hidden;
}

blockquote > p {
    color: #9B9B9B;
    font-family: Georgia, serif;
    margin: 0;
    padding: 0;
}

blockquote p:before {
    content: open-quote;
}

blockquote p:after {
    content: close-quote;
}

blockquote {
    display: block;
    font-style: italic;
    font-weight: 100;
    margin: 0.5em;
    padding-left: 22px;
    position: relative;
}
blockquote:before {
    background: #4681b8;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    width: 2px;
}
blockquote p {
    font-weight: 300;
}

.fw {
    zoom: 1;
    width: 100%;
}
.fw:before, .fw:after {
    content: "";
    display: table;
}
.fw:after {
    clear: both;
}

.right-col {
    width: 50%;
}
@media screen and (min-width: 600px) {
    .right-col {
        float: right;
    }
}

.left-col {
    width: 50%;
}
@media screen and (min-width: 600px) {
    .left-col {
        float: left;
    }
}

.right-col, .left-col {
    display: inline-block;
}
@media screen and (min-width: 0) and (max-width: 599px) {
    .right-col, .left-col {
        width: 100%;
    }
}

.colour-bg p, .primary-bg p, .colour-bg a, .primary-bg a, .colour-bg h6, .primary-bg h6, .colour-bg label, .primary-bg label {
    color: #ffffff;
}

.white-bg {
    background-color: #ffffff;
}
.white-bg p, .white-bg a {
    color: #9B9B9B;
}

.primary-bg {
    background-color: #4681b8;
}
.primary-bg h2, .primary-bg h3, .primary-bg p, .primary-bg a, .primary-bg h5, .primary-bg label, .primary-bg blockquote {
    color: #ffffff;
}
.primary-bg h2:after, .primary-bg .h2:after, .primary-bg h3:after, .primary-bg .h3:after {
    background-color: #ffffff;
}

.secondary-bg {
    background-color: #f1f1f2;
}

.tertiary-bg {
    background-color: #30355a;
}

.full-bg {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.close {
    display: inline-block;
    float: left;
    height: 35px;
    position: absolute;
    right: 2em;
    top: 2em;
    width: 35px;
    z-index: 5000;
}
@media screen and (min-width: 0) and (max-width: 599px) {
    .close {
        right: 1em;
        top: 1em;
        width: 30px;
    }
}
.close span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ffffff;
    display: block;
    height: 3px;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 35px;
}
.close span:last-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close:hover {
    cursor: pointer;
}

/* ==========================================================================
$	CONTENT SECTION STYLES
========================================================================== */
.centered {
    zoom: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
}
.centered:before, .centered:after {
    content: "";
    display: table;
}
.centered:after {
    clear: both;
}
@media screen and (min-width: 768px) {
    .centered {
        padding-left: 2em;
        padding-right: 2em;
    }
}
@media screen and (min-width: 1060px) {
    .centered {
        padding-left: 0;
        padding-right: 0;
    }
}

.content-wrapper {
    zoom: 1;
}
.content-wrapper:before, .content-wrapper:after {
    content: "";
    display: table;
}
.content-wrapper:after {
    clear: both;
}

.container {
    margin: 0 auto;
    position: relative;
}

.container-inner {
    zoom: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 100%;
}
.container-inner:before, .container-inner:after {
    content: "";
    display: table;
}
.container-inner:after {
    clear: both;
}

.ta-j p, .ta-j, section.main .ta-j p {
    text-align: justify;
}

.sub_title {
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-family: "Poppins", sans-serif;
    font-style: italic;
    margin-bottom: 1em;
}

hr {
    border-top: 1px dashed #2c3256;
    border-bottom: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.u-screen-reader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

.title_holder {
    width: 100%;
    padding-bottom: 0.5em;
}
@media screen and (min-width: 600px) {
    .title_holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
.title_holder h1, .title_holder h2 {
    margin: 0;
    padding: 0;
}
.title_holder a, .title_holder input[type=submit] {
    width: auto;
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.8571428571rem;
}
@media screen and (min-width: 600px) {
    .title_holder a, .title_holder input[type=submit] {
        font-size: 16px;
        font-size: 1.1428571429rem;
        margin-top: 0;
    }
}

.accessible,
.bg-accessible {
    background-color: #13a9ff;
    color: #ffffff;
}

/* ====== BUTTONS ====== */
/* ======
BUTTONS
	- BASE STYLES
	- PRIMARY BUTTON
	- SECONDARY BUTTON
	- TERTIARY BUTTON
	- GHOST BUTTON
	- FORM BUTTON
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
.actions {
    zoom: 1;
    clear: both;
    display: block;
    margin-top: 20px;
}
.actions:before, .actions:after {
    content: "";
    display: table;
}
.actions:after {
    clear: both;
}

.btn, .ghost-btn, .tertiary-btn, .secondary-btn,
form input[type=submit].secondary-btn,
form input.secondary-btn, .primary-btn, .button,
input[type=primary-btn],
input[type=submit].primary-btn, input[type=submit].secondary-btn, .btn-primary {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    opacity: 1;
    font-weight: 700;
    padding: 10px 20px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
@media screen and (min-width: 900px) {
    .btn, .ghost-btn, .tertiary-btn, .secondary-btn,
    form input[type=submit].secondary-btn,
    form input.secondary-btn, .primary-btn, .button,
    input[type=primary-btn],
    input[type=submit].primary-btn, input[type=submit].secondary-btn, .btn-primary {
        padding: 12px 25px;
    }
}
.btn a, .ghost-btn a, .tertiary-btn a, .secondary-btn a,
form input.secondary-btn a, .primary-btn a, .button a,
input[type=primary-btn] a,
input[type=submit].primary-btn a, input[type=submit].secondary-btn a, .btn-primary a {
    color: #ffffff;
}
.btn svg, .ghost-btn svg, .tertiary-btn svg, .secondary-btn svg,
form input.secondary-btn svg, .primary-btn svg, .button svg,
input[type=primary-btn] svg,
input[type=submit].primary-btn svg, input[type=submit].secondary-btn svg, .btn-primary svg {
    display: none;
}
.btn:hover, .ghost-btn:hover, .tertiary-btn:hover, .secondary-btn:hover, .primary-btn:hover, .button:hover,
input[type=primary-btn]:hover,
input[type=submit].primary-btn:hover, input[type=submit].secondary-btn:hover, .btn-primary:hover {
    color: #ffffff;
    opacity: 0.92;
}
.btn:hover a, .ghost-btn:hover a, .tertiary-btn:hover a, .secondary-btn:hover a,
form input[type=submit].secondary-btn:hover a, .primary-btn:hover a, .button:hover a,
input[type=primary-btn]:hover a, .btn-primary:hover a {
    color: #ffffff;
    text-decoration: none;
}

.button,
input[type=primary-btn],
input[type=submit].primary-btn,
input[type=submit].button,
input[type=submit][type=primary-btn], input[type=submit].secondary-btn {
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    display: inline-block;
    text-decoration: none;
    border: none;
}

button[disabled].button,
input[type=primary-btn][disabled],
input[type=submit][disabled].primary-btn, input[disabled].secondary-btn, input[disabled] {
    opacity: 0.5;
}

button[disabled].button:hover,
input[type=primary-btn][disabled]:hover,
input[type=submit][disabled].primary-btn:hover, input[disabled].secondary-btn:hover, input[disabled]:hover {
    background-color: inherit;
    cursor: hand;
}

button[disabled].button:hover,
input[type=primary-btn][disabled]:hover,
input[type=submit][disabled].primary-btn:hover,
input[type=submit][disabled].button:hover,
input[type=submit][disabled].secondary-btn:hover {
    background-color: #4681b8;
}

button[disabled].button:hover,
input[type=secondary-btn][disabled]:hover,
input[type=submit][disabled].secondary-btn:hover {
    background-color: #f1f1f2;
}

/* ==========================================================================
$	PRIMARY BUTTON
========================================================================== */
.primary-btn, .button,
input[type=primary-btn],
input[type=submit].primary-btn, input[type=submit].secondary-btn, .btn-primary {
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    background: #4681b8;
    border: 1px solid #4681b8;
    display: inline-block;
    outline: none;
    position: relative;
    text-decoration: none;
    vertical-align: bottom;
    white-space: nowrap;
    overflow-y: hidden;
}
.primary-btn:hover, .button:hover,
input[type=primary-btn]:hover,
input[type=submit].primary-btn:hover, input[type=submit].secondary-btn:hover, .btn-primary:hover {
    color: #4681b8;
    background: none;
}

/* ==========================================================================
$	SECONDARY BUTTONS
========================================================================== */
.secondary-btn,
form input[type=submit].secondary-btn,
form input.secondary-btn {
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    background: none;
    border: 1px solid #4681b8;
    color: #4681b8;
    display: inline-block;
    outline: none;
    position: relative;
    text-decoration: none;
}
.secondary-btn:hover,
form input[type=submit].secondary-btn:hover,
form input.secondary-btn:hover {
    color: #ffffff;
    background: #4681b8;
}

/* ==========================================================================
$	TERTIARY BUTTONS
========================================================================== */
.tertiary-btn {
    background-color: #30355a;
}
.tertiary-btn:hover {
    background-color: #4681b8;
    text-decoration: none;
}

/* ==========================================================================
$	GHOST BUTTONS
========================================================================== */
.ghost-btn {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    background: none;
    border: 1px solid #ffffff;
}
.ghost-btn:hover {
    background-color: #ffffff;
    color: #4681b8;
    text-decoration: none;
}

/* ==========================================================================
$	FORM BUTTONS
========================================================================== */
.action-holder {
    margin-bottom: 2em;
    margin-top: 2em;
}

.personal_details .primary-btn, .personal_details .button,
.personal_details input[type=primary-btn],
.personal_details input[type=submit].primary-btn, .personal_details input[type=submit].secondary-btn, .anpr_details .primary-btn, .anpr_details .button,
.anpr_details input[type=primary-btn],
.anpr_details input[type=submit].primary-btn, .anpr_details input[type=submit].secondary-btn, .input-group.actions .primary-btn, .input-group.actions .button,
.input-group.actions input[type=primary-btn], .input-group.actions input[type=submit].secondary-btn {
    display: block;
    width: auto;
    margin: 0 auto;
    float: right;
}

@media screen and (max-width: 599px) {
    .logout.action a {
        font-size: 12px;
        font-size: 0.8571428571rem;
        padding: 10px 35px;
    }
}

@media screen and (max-width: 599px) {
    .modalPopup .primary-btn, .modalPopup .button,
    .modalPopup input[type=primary-btn],
    .modalPopup input[type=submit].primary-btn, .modalPopup input[type=submit].secondary-btn, .modalPopup .secondary-btn {
        width: auto;
    }
}

.edit-btn {
    color: #2c3256;
    text-decoration: underline;
}

.delete-btn {
    background-position: 0 0;
    background-image: url(img/trash.png);
    background-repeat: no-repeat;
    background-size: 15px;
    width: 20px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    right: 7px;
    bottom: 13px;
    height: 20px;
}
.delete-btn:hover {
    background-position: 0 -24px;
}

#paymentform .primary-btn, #paymentform .button,
#paymentform input[type=primary-btn], #paymentform input[type=submit].secondary-btn, .padlock-btn {
    background-position: calc(100% - 17px) center;
    background-repeat: no-repeat;
    background-image: url(img/padlock.png);
    background-size: 23px;
    padding-right: 50px;
    float: none;
}
@media screen and (min-width: 600px) {
    #paymentform .primary-btn, #paymentform .button,
    #paymentform input[type=primary-btn], #paymentform input[type=submit].secondary-btn, .padlock-btn {
        float: right;
    }
    #paymentform .primary-btn:hover, #paymentform .button:hover,
    #paymentform input[type=primary-btn]:hover, #paymentform input[type=submit].secondary-btn:hover, .padlock-btn:hover {
        background-image: url(img/padlock-primary.png);
    }
}

#divaddbasketitems .action .back-btn {
    float: left;
    padding: 10px 20px !important;
}

.paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.paypal-btn:before {
    content: "";
    display: inline-block;
    background-image: url(/Content/img/pp-logo-150px.png);
    width: 126px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ====== FOOTER ====== */
/* ======
FOOTER
	- BASE STYLES
	- MOBILE MENU
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
footer.bottom {
    background-color: #30355a;
    padding-bottom: 2em;
    padding-top: 3em;
    position: relative;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
}
footer.bottom .copyright {
    float: right;
}
footer.bottom address {
    font-style: normal;
}
footer.bottom .build-by {
    font-size: 10px;
    margin-top: 20px;
}
footer.bottom .build-by a {
    font-size: 10px;
}
footer.bottom #footerContact {
    margin-top: 20px;
}
footer.bottom #footerContact a:first-child {
    margin-right: 10px;
}
footer.bottom strong {
    display: block;
    margin-bottom: 5px;
}
footer.bottom a {
    color: white;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
}
footer.bottom nav {
    margin-bottom: 20px;
}
footer.bottom nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
footer.bottom nav li {
    list-style: none;
    margin-bottom: 5px;
}
footer.bottom nav li a {
    padding-left: 10px;
    padding-right: 10px;
}
footer.bottom nav li:first-child a {
    padding-left: 0;
}
footer.bottom .right-col, footer.bottom .left-col {
    text-align: center;
    margin-top: 20px;
    display: block;
    width: 100%;
}
footer.bottom #footerContact {
    margin-top: 20px;
}
footer.bottom #footerContact strong {
    display: block;
}
footer.bottom a {
    color: white;
    text-decoration: none;
}
footer.bottom h5 {
    color: white;
    font-size: 16px;
}

/* ====== HEADER ====== */
/* ======
HEADER
	- BASE STYLES
	- MOBILE MENU
	- BASKET
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
header.top {
    background-color: #ffffff;
    height: 70px;
    padding: 1em 0 1em 0;
    width: 100%;
}
@media screen and (min-width: 600px) {
    header.top {
        height: 85px;
        padding: 1em 0 1em 0;
    }
}
header.top .centered {
    position: relative;
    vertical-align: middle;
}
@media screen and (min-width: 600px) {
    header.top .centered {
        padding-left: 2em;
        padding-right: 2em;
    }
}
header.top .logo {
    background-image: url(/Content/img/Park-live-dark.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    height: 38px;
    display: block;
    width: 130px;
}
@media screen and (min-width: 600px) {
    header.top .logo {
        width: 160px;
        height: 50px;
    }
}
@media screen and (min-width: 900px) {
    header.top .logo {
        height: 70px;
        display: inline-block;
        vertical-align: middle;
        width: 200px;
    }
}
header.top .logout.action {
    display: none;
}
@media screen and (min-width: 900px) {
    header.top .logout.action {
        display: block;
        position: absolute;
        right: 1em;
        top: 0;
    }
}

#theMenuDiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4681b8;
    z-index: 100;
}
.nav-is-visible #theMenuDiv {
    display: block;
}
@media screen and (min-width: 900px) {
    #theMenuDiv {
        display: inline-block;
        position: relative;
        background: none;
        vertical-align: middle;
        margin-left: 3em;
        width: auto;
    }
}
#theMenuDiv ul.nav, #theMenuDiv ul.nav--inline, #theMenuDiv ul.nav--stacked, #theMenuDiv ul.nav--tabbed, #theMenuDiv ul.nav--breadcrumb, #theMenuDiv ul.button-group {
    display: table;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav, #theMenuDiv ul.nav--inline, #theMenuDiv ul.nav--stacked, #theMenuDiv ul.nav--tabbed, #theMenuDiv ul.nav--breadcrumb, #theMenuDiv ul.button-group {
        display: block;
        text-align: left;
        margin: 0;
    }
}
#theMenuDiv ul.nav > li, #theMenuDiv ul.nav--inline > li, #theMenuDiv ul.nav--stacked > li, #theMenuDiv ul.nav--tabbed > li, #theMenuDiv ul.nav--breadcrumb > li, #theMenuDiv ul.button-group > li {
    display: block;
    float: none;
    text-align: center;
    margin: 0;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav > li, #theMenuDiv ul.nav--inline > li, #theMenuDiv ul.nav--stacked > li, #theMenuDiv ul.nav--tabbed > li, #theMenuDiv ul.nav--breadcrumb > li, #theMenuDiv ul.button-group > li {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        position: relative;
        margin-left: 15px;
        padding: 0 10px 5px 10px;
    }
}
#theMenuDiv ul.nav > li:first-child, #theMenuDiv ul.nav--inline > li:first-child, #theMenuDiv ul.nav--stacked > li:first-child, #theMenuDiv ul.nav--tabbed > li:first-child, #theMenuDiv ul.nav--breadcrumb > li:first-child, #theMenuDiv ul.button-group > li:first-child {
    margin-left: 0;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav > li.logout, #theMenuDiv ul.nav--inline > li.logout, #theMenuDiv ul.nav--stacked > li.logout, #theMenuDiv ul.nav--tabbed > li.logout, #theMenuDiv ul.nav--breadcrumb > li.logout, #theMenuDiv ul.button-group > li.logout {
        display: none;
    }
}
#theMenuDiv ul.nav > li > a, #theMenuDiv ul.nav--inline > li > a, #theMenuDiv ul.nav--stacked > li > a, #theMenuDiv ul.nav--tabbed > li > a, #theMenuDiv ul.nav--breadcrumb > li > a, #theMenuDiv ul.button-group > li > a {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: 800;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav > li > a, #theMenuDiv ul.nav--inline > li > a, #theMenuDiv ul.nav--stacked > li > a, #theMenuDiv ul.nav--tabbed > li > a, #theMenuDiv ul.nav--breadcrumb > li > a, #theMenuDiv ul.button-group > li > a {
        font-size: 15px;
        color: #2c3256;
    }
}
#theMenuDiv ul.nav > li > a:after, #theMenuDiv ul.nav--inline > li > a:after, #theMenuDiv ul.nav--stacked > li > a:after, #theMenuDiv ul.nav--tabbed > li > a:after, #theMenuDiv ul.nav--breadcrumb > li > a:after, #theMenuDiv ul.button-group > li > a:after {
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -ms-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    background-color: #4681b8;
    content: "";
    width: 0%;
    height: 2px;
    display: block;
}
#theMenuDiv ul.nav > li > a:hover:after, #theMenuDiv ul.nav--inline > li > a:hover:after, #theMenuDiv ul.nav--stacked > li > a:hover:after, #theMenuDiv ul.nav--tabbed > li > a:hover:after, #theMenuDiv ul.nav--breadcrumb > li > a:hover:after, #theMenuDiv ul.button-group > li > a:hover:after {
    width: 100%;
}
#theMenuDiv ul.nav > li ul, #theMenuDiv ul.nav--inline > li ul, #theMenuDiv ul.nav--stacked > li ul, #theMenuDiv ul.nav--tabbed > li ul, #theMenuDiv ul.nav--breadcrumb > li ul, #theMenuDiv ul.button-group > li ul {
    display: none;
    padding-top: 5px;
    z-index: 100;
    margin-top: 0;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav > li ul, #theMenuDiv ul.nav--inline > li ul, #theMenuDiv ul.nav--stacked > li ul, #theMenuDiv ul.nav--tabbed > li ul, #theMenuDiv ul.nav--breadcrumb > li ul, #theMenuDiv ul.button-group > li ul {
        background-color: #ffffff;
    }
}
#theMenuDiv ul.nav > li ul li, #theMenuDiv ul.nav--inline > li ul li, #theMenuDiv ul.nav--stacked > li ul li, #theMenuDiv ul.nav--tabbed > li ul li, #theMenuDiv ul.nav--breadcrumb > li ul li, #theMenuDiv ul.button-group > li ul li {
    display: block;
    width: 100%;
    margin-left: 0;
}
#theMenuDiv ul.nav > li ul li a, #theMenuDiv ul.nav--inline > li ul li a, #theMenuDiv ul.nav--stacked > li ul li a, #theMenuDiv ul.nav--tabbed > li ul li a, #theMenuDiv ul.nav--breadcrumb > li ul li a, #theMenuDiv ul.button-group > li ul li a {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#theMenuDiv ul.nav > li:hover ul, #theMenuDiv ul.nav--inline > li:hover ul, #theMenuDiv ul.nav--stacked > li:hover ul, #theMenuDiv ul.nav--tabbed > li:hover ul, #theMenuDiv ul.nav--breadcrumb > li:hover ul, #theMenuDiv ul.button-group > li:hover ul {
    display: block;
}
@media screen and (min-width: 900px) {
    #theMenuDiv ul.nav > li:hover ul, #theMenuDiv ul.nav--inline > li:hover ul, #theMenuDiv ul.nav--stacked > li:hover ul, #theMenuDiv ul.nav--tabbed > li:hover ul, #theMenuDiv ul.nav--breadcrumb > li:hover ul, #theMenuDiv ul.button-group > li:hover ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
    }
}

.main-menu_trigger {
    display: block;
    float: right;
    padding: 0 1em;
    text-align: right;
    height: 100%;
    display: table;
    position: absolute;
    right: 1em;
    top: 4px;
    z-index: 101;
}
@media screen and (min-width: 900px) {
    .main-menu_trigger {
        display: none;
    }
}

/* ==========================================================================
$	MENU STYLES
========================================================================== */
.more-menu {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    -webkit-transition: all 275ms ease 0s;
    -moz-transition: all 275ms ease 0s;
    -ms-transition: all 275ms ease 0s;
    -o-transition: all 275ms ease 0s;
    transition: all 275ms ease 0s;
}
.more-menu.active {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.more-menu.active span {
    background: #ffffff;
}
.more-menu.active span.bar1 {
    -webkit-transform: rotate(0deg) translateY(5px);
    -moz-transform: rotate(0deg) translateY(5px);
    -ms-transform: rotate(0deg) translateY(5px);
    -o-transform: rotate(0deg) translateY(5px);
    transform: rotate(0deg) translateY(5px);
}
.more-menu.active span.bar2 {
    opacity: 0 !important;
}
.more-menu.active span.bar3 {
    -webkit-transform: rotate(-90deg) translateX(12px);
    -moz-transform: rotate(-90deg) translateX(12px);
    -ms-transform: rotate(-90deg) translateX(12px);
    -o-transform: rotate(-90deg) translateX(12px);
    transform: rotate(-90deg) translateX(12px);
}
.more-menu span {
    background: none repeat scroll 0 0 #9B9B9B;
    display: block;
    height: 3px;
    margin-bottom: 0.4em;
    transition: all 275ms ease 0s;
    width: 30px;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    border-radius: 0.2em;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* ==========================================================================
$	BASKET STYLES
========================================================================== */
.header_basket {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    border: 2px solid #2c3256;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 15px;
    position: absolute;
    right: 75px;
    top: 0;
}
@media screen and (min-width: 600px) {
    .header_basket {
        padding: 15px 20px;
    }
    .header_basket:hover {
        background-color: #F4F4F4;
    }
}
@media screen and (min-width: 900px) {
    .header_basket {
        right: 25px;
    }
}
.header_basket .basket {
    background-image: url(img/basket.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 18px;
    margin-right: 7px;
    position: relative;
}
.header_basket .number {
    border-radius: 10px;
    background-color: #4681b8;
    color: #ffffff;
    width: 16px;
    height: 16px;
    font-size: 10px;
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    right: -7px;
    top: -4px;
}
.header_basket .total {
    display: inline-block;
    vertical-align: middle;
}
.header_basket .total a {
    color: #2c3256;
    font-weight: 600;
    border-bottom: 2px solid #2e2c32;
}
@media screen and (min-width: 600px) {
    .header_basket:hover a {
        border-color: #F4F4F4;
    }
}

.booking-session {
    display: none;
    position: absolute;
    right: 160px;
    top: 0;
    width: 120px;
    font-size: 12px;
}
.booking-session .description {
    display: none;
}
@media screen and (min-width: 440px) {
    .booking-session {
        display: block;
    }
    .booking-session .description {
        display: block;
    }
}
@media screen and (min-width: 600px) {
    .booking-session {
        top: 4px;
        right: 165px;
    }
}
.booking-session .time {
    font-size: 13px;
    font-weight: bold;
    padding-top: 2px;
}

/* ====== FORM STYLES ====== */
/* ======
FORM STYLES
	- BASE STYLES
	- MESSAGE STYLES
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
.required-icon {
    color: red;
    padding: 15px 0;
    position: absolute;
    right: 20px;
}

.required-text {
    color: red;
}

form {
    font-size: 16px;
}
form .field {
    position: relative;
}
form input, form textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background-color: #EAEAEA;
    border: none;
    color: #000000;
    padding: 10px;
    width: 100%;
}
@media screen and (min-width: 600px) {
    form input, form textarea {
        padding: 15px;
    }
}
form input.error, form textarea.error {
    border: 1px solid red;
}
form input::placeholder {
    color: #9B9B9B;
}
form input:-ms-value {
    background: none;
}
form textarea {
    min-height: 150px;
}
form label {
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}
form select {
    width: 100%;
}

.anpr_wrapper input {
    background-color: #ffffff;
    border: 1px solid #D2D2D2;
}

select:focus::-ms-value {
    color: #2c3256;
    background: none;
}

.styled-select {
    background-image: url("/Content/img/arrow_black.png");
    background-repeat: no-repeat;
    background-position: right center;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #D2D2D2;
    width: 100%;
    padding: 5px 10px 2px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px;
    /* If you add too much padding here, the options won't show in IE */
    width: 110%;
}

.fields {
    display: block;
    width: 100%;
}
.fields .field {
    margin-top: 1em;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .fields .field {
        margin-bottom: 1em;
    }
}
.fields.center {
    display: flex;
    align-content: center;
    align-items: center;
}
@media screen and (min-width: 600px) {
    .fields.split .field {
        display: inline-block;
        margin-left: 5%;
        vertical-align: top;
        width: 46.5%;
    }
    .fields.split .field:first-child {
        margin-left: 0;
    }
}

.split.terms span {
    display: inline-block;
}

.fields.action-holder .field {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .fields.action-holder .actions {
        display: inline-block;
        margin-top: 0;
        width: 35%;
    }
}

.filter_actions .action {
    display: inline-block;
}
.filter_actions .action:first-child {
    margin-right: 1em;
}

/* ==========================================================================
$	MESSAGE STYLES
========================================================================== */
.message-holder {
    display: block;
    float: left;
    line-height: 1.4em;
    margin: auto 0 15px;
    width: 100%;
}
.message-holder p {
    margin-bottom: 0;
}

.message {
    font-size: 12px;
    font-size: 0.8571428571rem;
    border: none;
    display: block;
    padding: 12px 15px;
    width: 100%;
}

.message.success {
    color: #4681b8;
}

.message.success p {
    color: #4681b8;
}

.message.error {
    color: #e01d2a;
}

.message.error p {
    color: #e01d2a;
}

.notification {
    background: #4681b8;
    border-radius: 0.4rem;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1.5em;
}
.notification.alert {
    background: #ff9d1a;
}
.notification p {
    font-size: 15px;
    font-size: 1.0714285714rem;
    position: relative;
    padding: 0 0 0 45px;
    margin: 0;
}
.notification p:before {
    content: "";
    display: block;
    background-image: url(./img/alert.png);
    height: 30px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    background-size: contain;
    z-index: 100;
    background-position: center;
}
@media screen and (min-width: 768px) {
    .notification p:before {
        height: 45px;
        top: -12px;
        width: 45px;
    }
}
@media screen and (min-width: 768px) {
    .notification p {
        font-size: 16px;
        font-size: 1.1428571429rem;
        padding: 0 0 0 60px;
    }
}
@media screen and (min-width: 900px) {
    .notification p {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }
}

div.price div.booking-fee span.label, div.price div.booking-fee span.price {
    font-size: 15px;
}
div.price div.booking-fee .price, div.price div.booking-fee .price span, div.price div.booking-fee span.copy {
    font-size: 15px;
}

/* ==========================================================================
$	LOGIN STYLES
========================================================================== */
.login_wrapper {
    align-items: center;
    display: flex;
    height: calc(100vh - 60px);
    min-height: 550px;
    justify-content: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #1188e5;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #1188e5 0%, #239BF8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #1188e5 0%, #239BF8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #1188e5 0%, #239BF8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1188e5", endColorstr="#239BF8",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.login-holder {
    background-color: #ffffff;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    max-width: 500px;
    padding: 3em 2em;
    width: 100%;
}
.login-holder h1 {
    margin-bottom: 20px;
    text-align: center;
}
.login-holder .actions {
    text-align: right;
    margin-top: 2em;
    width: 100%;
}
.login-holder .actions a {
    text-decoration: underline;
    display: inline-block;
    color: blue;
    margin-left: 20px;
}
.login-holder .actions a:first-child {
    border-right: 1px solid black;
    padding-right: 20px;
    margin-left: 0;
}
.login-holder #MainContent_LabelError {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 1em;
    color: red;
}

/* ====== CMS STYLES ====== */
/* ======
CMS STYLES
	- BASE STYLES
	- ANPR STYLES
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
.dashboard_wrapper {
    padding-top: 3em;
    padding-bottom: 3em;
}
@media screen and (min-width: 600px) {
    .dashboard_wrapper {
        min-height: 600px;
    }
}

.location-selector {
    margin-bottom: 1em;
    max-width: 450px;
    margin: 0 auto;
}

.parking_actions {
    margin-bottom: 1em;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}
.parking_actions .action {
    display: inline-block;
    margin-bottom: 1em;
}
@media screen and (min-width: 600px) {
    .parking_actions .action {
        margin-right: 1em;
    }
}

.results {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    margin-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 1024px;
}
@media screen and (min-width: 600px) {
    .results {
        margin-top: 3em;
    }
}
@media screen and (min-width: 1024px) {
    .results {
        padding: 0;
    }
}

.table_wrapper {
    overflow-x: auto;
    width: 100%;
}

.results table {
    min-width: 500px;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}
table th {
    font-size: 10px;
    font-size: 0.7142857143rem;
    background-color: #f1f1f2;
    color: #ffffff;
}
@media screen and (min-width: 600px) {
    table th {
        font-size: 14px;
        font-size: 1rem;
    }
}
table th,
table td {
    font-size: 13px;
    border-left: none;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    padding: 10px;
    text-align: center;
    font-weight: 400;
}
@media screen and (min-width: 600px) {
    table th,
    table td {
        padding: 15px 10px;
    }
}
table td {
    background-color: #ffffff;
}
table tr.even td {
    background-color: #F6F7F8;
}

.delete img {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    width: 17px;
}

/* ==========================================================================
$	ANPR STYLES
========================================================================== */
.anpr_wrapper {
    padding-bottom: 3em;
    padding-top: 3em;
}
.anpr_wrapper .intro {
    margin-bottom: 2em;
}
.anpr_wrapper .personal_details, .anpr_wrapper .anpr_details {
    display: block;
    max-width: 800px;
    margin-bottom: 3em;
}

.modalPopup {
    border: 1px solid #4681b8;
    position: fixed;
    z-index: 100002;
    background-color: #ffffff;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    padding: 3em 2em;
    width: 100%;
    left: 0;
    top: 0;
}
@media screen and (min-width: 450px) {
    .modalPopup {
        width: 450px;
    }
}
.modalPopup .body {
    margin-bottom: 1em;
}
.modalPopup .actions {
    text-align: center;
}
.modalPopup .action {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
}

.google-charts {
    margin-top: 2em;
    text-align: center;
}
.google-charts .chart {
    background-color: #ffffff;
    margin-bottom: 1em;
    padding: 1em;
}
@media screen and (min-width: 600px) {
    .google-charts .chart {
        display: inline-block;
        width: 48%;
        margin-right: 1%;
    }
    .google-charts .chart:nth-child(even) {
        margin-left: 1%;
        margin-right: 0;
    }
}
.google-charts .chart.fw {
    width: 98.5%;
    margin-right: 0;
}

.cms_wrapper.page {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}
@media screen and (min-width: 600px) {
    .cms_wrapper.page {
        padding-bottom: 3em;
        padding-top: 3em;
    }
}
.cms_wrapper.page .centered {
    background: #ffffff;
    padding: 20px;
}
@media screen and (min-width: 600px) {
    .cms_wrapper.page .centered {
        padding: 40px 30px 30px 30px;
    }
}
.cms_wrapper .question {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #2e2c32;
}
.cms_wrapper .question:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.cms_wrapper .question h4 {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.cms_wrapper ul {
    margin-bottom: 20px;
    margin-left: 20px;
}
.cms_wrapper li {
    margin-bottom: 5px;
}
.cms_wrapper a {
    color: #4681b8;
}
.cms_wrapper a:hover {
    color: #4681b8;
    text-decoration: underline;
}

div[class^="cms_wrapper faq-"] {
    padding-bottom: 3em;
    padding-top: 3em;
}

.blue_badge_venues {
    padding-bottom: 2em;
    padding-top: 2em;
}
@media screen and (min-width: 600px) {
    .blue_badge_venues {
        display: grid;
        grid-gap: 20px 50px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 900px) {
    .blue_badge_venues {
        grid-template-columns: repeat(3, 1fr);
    }
}
.blue_badge_venues .venue {
    background: #ffffff;
    padding: 1em;
}

.helpdesk, .helpdesk-cwg {
    padding-bottom: 3em;
    padding-top: 3em;
}
.helpdesk .blocks-list, .helpdesk-cwg .blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}
@media screen and (min-width: 600px) {
    .helpdesk .blocks-list, .helpdesk-cwg .blocks-list {
        margin: 0 -15px;
    }
}
.helpdesk .blocks-item, .helpdesk-cwg .blocks-item {
    box-sizing: border-box;
    color: #4681b8;
    display: flex;
    flex: 1 0 300px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
    border: 2px solid #4681b8;
    background: #ffffff;
    border-radius: 0px;
    transition: 0.25s;
}
@media screen and (min-width: 600px) {
    .helpdesk .blocks-item, .helpdesk-cwg .blocks-item {
        margin: 0 15px 30px;
    }
}
.helpdesk .blocks-item:hover, .helpdesk .blocks-item:focus, .helpdesk .blocks-item:active, .helpdesk-cwg .blocks-item:hover, .helpdesk-cwg .blocks-item:focus, .helpdesk-cwg .blocks-item:active {
    background-color: #000000;
}
.helpdesk .blocks-item:hover *, .helpdesk .blocks-item:focus *, .helpdesk .blocks-item:active *, .helpdesk-cwg .blocks-item:hover *, .helpdesk-cwg .blocks-item:focus *, .helpdesk-cwg .blocks-item:active * {
    color: #ffffff;
}
.helpdesk .blocks-item-link, .helpdesk-cwg .blocks-item-link {
    color: #4681b8;
    padding: 20px 30px;
}
.helpdesk .blocks-item-title, .helpdesk-cwg .blocks-item-title {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 18px;
    font-size: 1.2857142857rem;
}
@media screen and (min-width: 600px) {
    .helpdesk .blocks-item-title, .helpdesk-cwg .blocks-item-title {
        font-size: 22px;
        font-size: 1.5714285714rem;
    }
}

/* ====== BOOKINH STYLES ====== */
/* ======
BOOKING STYLES
	- BASE STYLES
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
div.price {
    margin-bottom: 1.5em;
    border-top: 1px dashed #2c3256;
    padding-top: 1em;
    border-bottom: 1px dashed #2c3256;
    padding-bottom: 1em;
}
div.price span.label {
    font-size: 16px;
    font-size: 1.1428571429rem;
    display: block;
    font-weight: 500;
}
div.price span.price, div.price span.price span {
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 500;
}
div.price span.copy {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

div.places {
    margin-bottom: 1.5em;
    border-bottom: 1px dashed #2c3256;
    padding-bottom: 1em;
}
div.places span.label {
    font-size: 16px;
    font-size: 1.1428571429rem;
    display: block;
    font-weight: 500;
}
div.places span.price, div.places span.price span {
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 500;
}
div.places span.copy {
    font-size: 13px;
    font-size: 0.9285714286rem;
}

.order_details {
    padding-bottom: 1em;
}

.personal_details {
    margin-top: 1em;
}

.car_details {
    margin-bottom: 2em;
}
.car_details__line h4 {
    text-align: center;
}
@media screen and (min-width: 900px) {
    .car_details__line h4 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
.car_details__line tr {
    background: #ffffff;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.car_details__line td {
    display: inline-block;
    width: 100%;
}
.car_details__line td.checkbox {
    text-align: left;
}
.car_details__line td:nth-child(3) {
    border-right: none;
}
.car_details__line td:nth-child(4) {
    border-bottom: none;
}
.car_details__line td:nth-child(5) {
    border-bottom: none;
}
.car_details__line td.heading_holder {
    width: 100%;
}
@media screen and (min-width: 600px) {
    .car_details__line td {
        width: 49%;
    }
}
.car_details__line td span {
    display: block;
    padding-bottom: 10px;
    text-align: left;
}
.car_details__line td span.car_label {
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-align: center;
}
@media screen and (min-width: 900px) {
    .car_details__line td span.car_label {
        font-size: 22px;
        font-size: 1.5714285714rem;
    }
}
.car_details__line td span.error {
    padding: 0;
    color: #FF1B12;
}
.car_details__line label {
    margin-bottom: 10px;
    text-align: left;
}
.car_details__line .h4, .car_details__line #order-total .line-item label, #order-total .line-item .car_details__line label {
    margin-bottom: 0;
}
.car_details__line input[type=checkbox] {
    width: auto;
}
.car_details__line .post_delivery input,
.car_details__line .post_delivery span {
    display: inline-block;
    vertical-align: middle;
}
.car_details__line .post_delivery span {
    margin-right: 5px;
}

.upper_map_images {
    margin-top: 30px;
}
.upper_map_images .image {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    margin-bottom: 20px;
}

.edit_orders_wrapper.pending_orders_wrapper .booking_account {
    max-width: none;
}
.edit_orders_wrapper.pending_orders_wrapper .orders .order {
    width: 100%;
    min-height: 0 !important;
}
@media screen and (min-width: 768px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3%;
        padding: 20px;
        font-size: 0;
    }
}
.edit_orders_wrapper.pending_orders_wrapper .orders .order .details {
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order .details {
        margin-bottom: 0;
        padding-right: 20px;
        width: 40%;
    }
}
.edit_orders_wrapper.pending_orders_wrapper .orders .order .actions {
    border-top: 1px solid black;
    padding-top: 20px;
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order .actions {
        border-top: none;
        padding-top: 0;
        border-left: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        padding-left: 20px;
    }
}
.edit_orders_wrapper.pending_orders_wrapper .orders .order .actions a {
    margin-bottom: 10px;
    width: auto;
    float: none;
}
@media screen and (min-width: 768px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order .actions a {
        margin-bottom: 0;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order .actions a:first-child {
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .edit_orders_wrapper.pending_orders_wrapper .orders .order .actions a:last-child {
        margin-right: 0;
    }
}

/* ====== PENDING ORDERS ====== */
/* ======
PENDING ORDERS
	- BASE STYLES
	- MOBILE MENU
====== */
/* ==========================================================================
$	BASE STYLES
========================================================================== */
.pending_orders_wrapper {
    padding-bottom: 1em;
    padding-top: 1em;
}
@media screen and (min-width: 600px) {
    .pending_orders_wrapper {
        padding-bottom: 3em;
        padding-top: 3em;
    }
}
.pending_orders_wrapper .orders {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 0;
}
.pending_orders_wrapper .orders .order {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #D2D2D2;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}
@media screen and (min-width: 600px) {
    .pending_orders_wrapper .orders .order.event {
        padding-bottom: 50px;
    }
    .pending_orders_wrapper .orders .order.event .actions {
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
}
@media screen and (max-width: 599px) {
    .pending_orders_wrapper .orders .order {
        display: block;
        margin: 0 auto 15px auto;
        max-width: 300px;
    }
}
@media screen and (min-width: 600px) {
    .pending_orders_wrapper .orders .order {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 3%;
        padding: 20px;
        font-size: 0;
        width: 48.5%;
    }
    .pending_orders_wrapper .orders .order.event {
        min-height: 400px;
    }
    .pending_orders_wrapper .orders .order:nth-child(odd) {
        margin-right: 3%;
    }
}
@media screen and (min-width: 900px) {
    .pending_orders_wrapper .orders .order {
        margin-right: 3%;
        width: 31%;
    }
    .pending_orders_wrapper .orders .order:nth-child(3n) {
        margin-right: 0;
    }
}
.pending_orders_wrapper .orders .order.success {
    border-color: green;
}
.pending_orders_wrapper .orders .order.error {
    border-color: red;
}
.pending_orders_wrapper .orders .order .message {
    background: #eee;
    margin-bottom: 10px;
}
.pending_orders_wrapper .orders .order .message.success {
    color: green;
}
.pending_orders_wrapper .orders .order .message.error {
    color: red;
}
.pending_orders_wrapper .orders .order .message a {
    color: #4681b8;
    text-decoration: underline;
}
.pending_orders_wrapper .orders .order .details {
    display: block;
    vertical-align: top;
}
.pending_orders_wrapper .orders .order .details > div {
    font-size: 15px;
    margin-bottom: 5px;
}
.pending_orders_wrapper .orders .order .details > div span {
    font-size: 14px;
}
.pending_orders_wrapper .orders .order .divavaliable {
    margin-top: 10px;
}
.pending_orders_wrapper .orders .order .divdisplayinfo ul {
    margin-left: 20px;
    margin-top: 20px;
}
.pending_orders_wrapper .orders .order .divdisplayinfo li {
    margin-bottom: 5px;
}
.pending_orders_wrapper .orders .order .actions a:first-child {
    margin-right: 15px;
}
.pending_orders_wrapper .orders .order h3,
.pending_orders_wrapper .orders .order h4 {
    font-size: 18px;
    line-height: 1.4em;
}
.pending_orders_wrapper .orders .image {
    display: block;
    margin-bottom: 20px;
}
.pending_orders_wrapper .orders .actions__cta {
    display: none;
}
.pending_orders_wrapper .orders .divdisplayinfo a {
    text-decoration: underline;
}
@media screen and (min-width: 600px) {
    .pending_orders_wrapper .event_title__holder {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
}
.pending_orders_wrapper .event__cta {
    max-width: 320px;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .pending_orders_wrapper .event__cta {
        max-width: 340px;
    }
}

@media screen and (min-width: 600px) {
    #MainContent_divcarparkslist .order .actions {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
}
#MainContent_divcarparkslist .order .details {
    position: relative;
}
@media screen and (min-width: 600px) {
    #MainContent_divcarparkslist .order .details {
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details {
        padding-right: 70px;
    }
}
#MainContent_divcarparkslist .order .details h4 {
    padding-right: 65px;
}
#MainContent_divcarparkslist .order .details:before {
    content: "";
    display: block;
    background-image: url(./img/car.png);
    height: 45px;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 0;
    width: 23px;
    background-size: contain;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details:before {
        width: 28px;
    }
}
#MainContent_divcarparkslist .order .details.bus:before {
    background-image: url(./img/bus.png);
}
#MainContent_divcarparkslist .order .details.minibus:before {
    background-image: url(./img/minibus.png);
}
#MainContent_divcarparkslist .order .details.wheelchair:before {
    background-image: url(./img/wheelchair.png);
}
#MainContent_divcarparkslist .order .details.wheelchair_white:before {
    background-image: url(./img/wheelchair_white.png);
}
#MainContent_divcarparkslist .order .details.bike:before {
    background-image: url(./img/bike.png);
}
@media screen and (min-width: 900px) {
    #MainContent_divcarparkslist .order .details.bike:before {
        width: 40px;
    }
}
#MainContent_divcarparkslist .order .details.bus-walk:before {
    background-image: url(./img/bus-walk.png);
    width: 52px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.bus-walk:before {
        width: 65px;
    }
}
#MainContent_divcarparkslist .order .details.car-walk:before {
    background-image: url(./img/car-walk.png);
    width: 52px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.car-walk:before {
        width: 65px;
    }
}
#MainContent_divcarparkslist .order .details.car-walk-bus:before {
    background-image: url(./img/car-walk-bus.png);
    width: 65px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.car-walk-bus:before {
        width: 80px;
    }
}
#MainContent_divcarparkslist .order .details.ecar:before {
    background-image: url(./img/ecar.png);
    width: 35px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.ecar:before {
        width: 38px;
    }
}
#MainContent_divcarparkslist .order .details.ecar-walk:before {
    background-image: url(./img/ecar-walk.png);
    width: 52px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.ecar-walk:before {
        width: 65px;
    }
}
#MainContent_divcarparkslist .order .details.car-bus:before {
    background-image: url(./img/car-bus_cwg.png);
    width: 52px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.car-bus:before {
        width: 68px;
    }
}
#MainContent_divcarparkslist .order .details.ecar-bus:before {
    background-image: url(./img/ecar-bus.png);
    width: 52px;
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details.ecar-bus:before {
        width: 68px;
    }
}
@media screen and (min-width: 1024px) {
    #MainContent_divcarparkslist .order .details {
        padding-bottom: 75px;
    }
}

.announcement {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .announcement {
        padding: 24px;
        margin-bottom: 30px;
    }
}
.announcement h3 {
    color: #1C4587;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
}
@media screen and (min-width: 600px) {
    .announcement h3 {
        font-size: 22px;
    }
}
@media screen and (min-width: 768px) {
    .announcement h3 {
        font-size: 30px;
    }
}
.announcement h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
}
@media screen and (min-width: 768px) {
    .announcement h4 {
        font-size: 24px;
    }
}
.announcement p {
    font-size: 16px;
}

/* ====== BASKET STYLES ====== */
/* ======
BASKET STYLES
	- BASE STYLES
	- BASKET
====== */
/* ==========================================================================
$	BASKET STYLES
========================================================================== */
.basket_wrapper h2 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-weight: 400;
}

.action.addmore {
    display: none;
}

.loader {
    -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -moz-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -ms-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -o-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/Content/img/Spinner-1s-200px.gif);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    z-index: 10;
    background-color: rgba(238, 238, 238, 0.7);
    opacity: 0;
    max-height: 0;
}
.loader.processing {
    opacity: 1;
    max-height: 2000px;
}

#confirmation {
    display: none;
    background-color: #fff;
    padding: 3em 2em;
    max-width: 600px;
    width: 100%;
}
#confirmation.response {
    display: block;
}
#confirmation.response.success .success {
    display: block;
}
#confirmation.response.error .error {
    display: block;
}
#confirmation .success, #confirmation .error {
    display: none;
}

@media screen and (min-width: 900px) {
    .basket_holder {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        /* NEW, Spec - Firefox, Chrome, Opera */
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 900px) {
    .basket_items {
        order: 2;
        width: 100%;
    }
    .basket_items .basket_items_inner {
        background-color: #ffffff;
        padding: 3em 2em 2em 2em;
    }
}
.basket_items .orders {
    list-style: none;
}
.basket_items .orders .line-item {
    border-bottom: 1px dashed #2c3256;
    position: relative;
}
.basket_items .orders .line-item:nth-child(odd) {
    background-color: #EDEDED;
}
.basket_items .orders .line-item:first-child {
    border-top: 1px dashed #2c3256;
}

@media screen and (min-width: 900px) {
    #order-total {
        width: 50%;
        margin-left: 50%;
    }
}
#order-total .alert {
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    font-family: gineso, sans-serif;
    text-transform: uppercase;
}
#order-total .actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
#order-total .actions a {
    margin-left: 2em;
}
#order-total .actions.payment-actions {
    justify-content: center;
}

.line-item {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1em;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
}
.line-item .image {
    width: 70px;
    height: 70px;
}
.line-item .label {
    flex: 1;
    padding-left: 10px;
    text-align: left;
}
.line-item .location {
    padding-right: 35px;
}
.line-item h4 {
    margin-bottom: 0;
    padding-bottom: 5px;
}
@media screen and (min-width: 900px) {
    .line-item h4 {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}
.line-item p {
    font-size: 14px;
    font-size: 1rem;
}
.line-item .count, .line-item .price {
    padding-left: 10px;
    align-self: right;
    text-align: right;
}
.line-item .price {
    color: #4681b8;
    font-weight: 500;
}
.line-item .actions {
    margin-top: 10px;
    width: 100%;
}

#order-total .line-item {
    padding-bottom: 0;
}
#order-total .line-item:last-child {
    border-top: 1px dashed #2c3256;
    margin-top: 10px;
    padding-bottom: 1em;
}
@media screen and (min-width: 900px) {
    #order-total .line-item.subtotal label {
        font-size: 14px;
        font-size: 1rem;
    }
}
@media screen and (min-width: 900px) {
    #order-total .line-item.total label {
        font-size: 19px;
        font-size: 1.3571428571rem;
    }
}
#order-total .line-item label {
    padding-bottom: 0;
    flex: 1;
    text-align: left;
}
@media screen and (min-width: 900px) {
    #order-total .line-item label {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}
#order-total .line-item span {
    font-size: 14px;
    font-size: 1rem;
    color: #4681b8;
    font-weight: 500;
}

.payment_details {
    margin-top: 2em;
}
@media screen and (min-width: 900px) {
    .payment_details {
        order: 1;
        flex: 1;
        padding-right: 5vw;
    }
}
.payment_details .actions {
    text-align: center;
}

/* ==========================================================================
$	BASKET ITEMS STYLES
========================================================================== */
.basket_items_wrapper #divaddbasketitems {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 900px) {
    .basket_items_wrapper .centered {
        max-width: 1440px;
    }
}
@media screen and (min-width: 900px) {
    .basket_items_wrapper .basketitem,
    .basket_items_wrapper .car_details {
        width: 50%;
    }
}
@media screen and (min-width: 900px) {
    .basket_items_wrapper .image {
        width: 25%;
    }
}
@media screen and (min-width: 900px) {
    .basket_items_wrapper .label {
        width: 74%;
    }
}
.basket_items_wrapper .image {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}
.basket_items_wrapper .label {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 78%;
}
.basket_items_wrapper .spaces {
    margin-bottom: 0.5em;
}
.basket_items_wrapper .spaces span {
    font-size: 16px;
    font-size: 1.1428571429rem;
}
.basket_items_wrapper .basketitem {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .basket_items_wrapper .basketitem {
        padding-right: 1em;
        width: 40%;
    }
}
.basket_items_wrapper .car_details {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .basket_items_wrapper .car_details {
        padding-left: 1em;
        width: 60%;
    }
}
.basket_items_wrapper .car_details span,
.basket_items_wrapper .car_details input {
    font-size: 14px;
    font-size: 1rem;
}
.basket_items_wrapper .car_details input {
    padding: 10px !important;
}
.basket_items_wrapper h2 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    border-bottom: 1px dashed;
    font-weight: 400;
    margin-bottom: 1em;
}
.basket_items_wrapper #MainContent_LabelParkingPlaces {
    color: #4681b8;
}
.basket_items_wrapper .qty {
    font-size: 16px;
    font-size: 1.1428571429rem;
}
.basket_items_wrapper #MainContent_orderlist {
    border-top: 1px dashed;
    padding-top: 18px;
    margin-top: 20px;
}
.basket_items_wrapper #MainContent_orderlist > span:first-child {
    display: block;
    margin-bottom: 0.5em;
}
.basket_items_wrapper .qtyactions > input {
    -webkit-transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s, color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -moz-transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s, color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -ms-transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s, color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -o-transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s, color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s, color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    background-color: #4681b8;
    border-radius: 50%;
    color: #ffffff;
    padding: 0;
    height: 25px;
    width: 25px;
}
.basket_items_wrapper .qtyactions > input:hover {
    color: #2c3256;
    background-color: #f1f1f2;
}
.basket_items_wrapper .qtyactions span {
    font-size: 30px;
    font-size: 2.1428571429rem;
    padding-left: 5px;
    padding-right: 5px;
}

.StripeElement {
    height: 40px;
    padding: 10px 12px;
    color: #32325d;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    -moz-transition: box-shadow 150ms ease;
    -ms-transition: box-shadow 150ms ease;
    -o-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.bookmore {
    margin-top: 20px;
}
.bookmore p {
    font-size: 16px;
}
.bookmore a {
    color: #4681b8;
    text-decoration: underline;
}
.bookmore a:hover {
    color: #4681b8;
    opacity: 0.8;
}
.basket_items .bookmore {
    margin-top: 0;
    margin-bottom: 20px;
}

.booking_slots {
    border-bottom: 1px dashed #2c3256;
    margin-top: 10px;
    padding-bottom: 20px;
}
@media screen and (min-width: 900px) {
    .booking_slots {
        margin-top: 20px;
    }
}
.booking_slots tr {
    display: inline-block;
}
.booking_slots td {
    background: none;
    padding: 0 20px 0 0;
}
.booking_slots label {
    background: #ffffff;
    border: 1px solid #2c3256;
    margin: 0;
    padding: 20px;
}
.booking_slots p {
    color: #333;
}
.booking_slots input[type=radio]:checked + label {
    background-color: #4681b8;
}
.booking_slots input {
    display: none;
}

.payment__options {
    border-top: 1px solid #ECECEC;
    padding-top: 20px;
    max-width: 600px;
}
.payment__options .radio-wrapper {
    border-top: 1px solid #ECECEC;
    padding: 20px;
    position: relative;
    zoom: 1;
    display: table;
    box-sizing: border-box;
    width: 100%;
}
.payment__options .radio__input {
    display: table-cell;
    padding-right: 0.75em;
    white-space: nowrap;
}
.payment__options .radio__input input {
    width: 18px;
    height: 18px;
}
.payment__options .radio__label {
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.payment__options .radio__label label {
    cursor: inherit;
    font-family: inherit;
    vertical-align: top;
    display: table-cell;
    width: 100%;
}
.payment__options .payment_option__fields {
    border-top: 1px solid #ECECEC;
    padding-top: 20px;
}
.payment__options .payment_option__fields p {
    text-align: center;
}

.payment-method {
    border-top: 1px solid #ECECEC;
    padding-top: 20px;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.2857142857rem;
}
@media screen and (min-width: 600px) {
    .payment-method {
        font-size: 16px;
        font-size: 1.1428571429rem;
    }
}

.anpr_wrapper input[type=checkbox] {
    width: 20px;
}

.accessiblity_needs {
    padding-top: 10px;
}
.accessiblity_needs a {
    color: #4681b8;
}
.accessiblity_needs a:hover {
    text-decoration: underline;
}

.basket_waze_cta .cta__inner {
    background: white;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.basket_waze_cta .cta__drive {
    display: none;
    vertical-align: middle;
}
@media screen and (min-width: 1024px) {
    .basket_waze_cta .cta__drive {
        display: flex;
        width: 15%;
    }
}
.basket_waze_cta .cta__graphic {
    display: none;
    vertical-align: middle;
    background: url(/Content/img/waze_game_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
}
@media screen and (min-width: 600px) {
    .basket_waze_cta .cta__graphic {
        display: flex;
    }
}
@media screen and (min-width: 900px) {
    .basket_waze_cta .cta__graphic {
        width: 15%;
    }
}
.basket_waze_cta .cta__graphic img {
    width: 100%;
}
.basket_waze_cta .cta__map {
    display: none;
    vertical-align: middle;
}
@media screen and (min-width: 900px) {
    .basket_waze_cta .cta__map {
        display: flex;
        background: white;
        width: 50%;
        padding: 20px;
    }
}
@media screen and (min-width: 1024px) {
    .basket_waze_cta .cta__map {
        width: 40%;
    }
}
.basket_waze_cta .cta .iframe_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.basket_waze_cta .cta iframe {
    height: 100%;
    width: 100%;
}
.basket_waze_cta .cta__app {
    display: flex;
    vertical-align: middle;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .basket_waze_cta .cta__app {
        width: 75%;
    }
}
@media screen and (min-width: 900px) {
    .basket_waze_cta .cta__app {
        width: 35%;
    }
}
@media screen and (min-width: 1024px) {
    .basket_waze_cta .cta__app {
        width: 30%;
    }
}
.basket_waze_cta .cta__app__inner {
    width: 100%;
    background: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
@media screen and (min-width: 600px) {
    .basket_waze_cta .cta__app__inner {
        align-items: flex-start;
    }
}
@media screen and (min-width: 900px) {
    .basket_waze_cta .cta__app__inner {
        padding: 20px 20px 20px 0;
    }
}
.basket_waze_cta .cta__app h5 {
    font-weight: bold;
    font-size: 26px;
}
@media screen and (min-width: 600px) {
    .basket_waze_cta .cta__app h5 {
        font-size: 30px;
    }
}
@media screen and (min-width: 1024px) {
    .basket_waze_cta .cta__app h5 {
        font-size: 36px;
    }
}
.basket_waze_cta .app_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /* align-content: center; */
    justify-content: space-around;
    align-items: center;
}
@media screen and (min-width: 600px) {
    .basket_waze_cta .app_info {
        align-items: flex-start;
    }
}
.basket_waze_cta .app__reviews {
    margin-bottom: 1em;
    max-width: 300px;
}
.basket_waze_cta .app_downloads {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.basket_waze_cta .app_downloads img {
    width: auto;
}
.basket_waze_cta .waze__download_apple img {
    height: 40px;
}
.basket_waze_cta .waze__download_play img {
    height: 58px;
}

.iframe_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* ====== BANNER STYLES ====== */
/* ======
BANNER STYLES
	- BASE STYLES
	- BANNER
====== */
/* ==========================================================================
$	BANNER STYLES
========================================================================== */
.banner {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    background-image: url(/Content/img/main-ep-sm.jpg);
    background-color: #30355a;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    min-height: 300px;
}
@media screen and (min-width: 768px) {
    .banner {
        background-image: url(/Content/img/main-ep.jpg);
        min-height: 400px;
    }
}
@media screen and (min-width: 900px) {
    .banner {
        background-size: contain;
        min-height: 500px;
    }
}
.banner h1, .banner p {
    color: #ffffff;
}
.banner .banner_inner {
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
}
.banner .banner_inner h1 {
    text-transform: uppercase;
    max-width: 745px;
}
@media screen and (min-width: 600px) {
    .banner .banner_inner h1 {
        font-size: 40px;
    }
}
@media screen and (min-width: 900px) {
    .banner .banner_inner h1 {
        font-size: 50px;
    }
}

.page-header {
    background-color: #4681b8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.5rem 1rem 3.5rem 1rem;
    min-height: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}
@media screen and (min-width: 600px) {
    .page-header {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }
}
@media screen and (min-width: 768px) {
    .page-header {
        min-height: 18rem;
        padding: 4rem 11rem 4rem 11rem;
    }
    .page-header:before {
        height: 50%;
        width: 30%;
    }
}
.page-header h1 {
    color: #ffffff;
}
.page-header h2 {
    margin-top: 1em;
}
@media screen and (min-width: 768px) {
    .page-header h2 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
.page-header h3 {
    font-weight: 400;
}
.page-header__background-left, .page-header__background-right {
    display: none;
}

/* ====== BANNER STYLES ====== */
/* ======
CALENDAR STYLES
	- BASE STYLES
====== */
/* ==========================================================================
$	CALENDAR STYLES
========================================================================== */
.calendar__wrapper h1, .calendar__wrapper h3 {
    padding-bottom: 0;
    padding-left: 1em;
    padding-right: 1em;
}
@media screen and (min-width: 600px) {
    .calendar__wrapper h1, .calendar__wrapper h3 {
        padding-left: 0;
        padding-right: 0;
    }
}
.calendar__wrapper .centered {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 600px) {
    .calendar__wrapper .centered {
        padding-left: 1em;
        padding-right: 1em;
    }
}

.calendar__holder__inner {
    position: relative;
}

.calendar__holder {
    background-color: white;
    border-radius: 10px;
    padding: 1em;
    margin-top: 1em;
}
.calendar__holder .scroller__wrap {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.calendar__holder .currentmonth {
    border-radius: 10px;
    color: #1C4587;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.calendar__holder .month_nav {
    border-top: 1px solid #cccccc;
    font-size: 20px;
    text-align: center;
}
@media screen and (min-width: 600px) {
    .calendar__holder .month_nav {
        display: grid;
        overflow: hidden;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        text-align: left;
    }
}
.calendar__holder .month_nav > div {
    border-left: 1px solid #cccccc;
    display: inline-block;
    padding: 0.25em;
    width: 50%;
}
.calendar__holder .month_nav > div:first-child {
    border-left: none;
    border-bottom: 1px solid #cccccc;
    display: block;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .calendar__holder .month_nav > div {
        border-bottom: none;
        display: flex;
        align-items: center;
        padding: 0.5em;
        width: 100%;
    }
}
@media screen and (min-width: 900px) {
    .calendar__holder .month_nav > div {
        padding: 1em;
    }
}
.calendar__holder .month_nav input {
    background: #4681b8;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    padding: 0.5em;
}
@media screen and (min-width: 600px) {
    .calendar__holder .month_nav input {
        font-size: 20px;
    }
}
.calendar__holder table {
    min-width: unset;
}
.calendar__holder td {
    outline: solid 1px #cccccc;
    border: none;
    padding: 0.5em;
}
@media screen and (min-width: 600px) {
    .calendar__holder td {
        padding: 1.25em;
    }
}
.calendar__holder .theader {
    color: #818181;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}
@media screen and (min-width: 600px) {
    .calendar__holder .theader {
        font-size: 16px;
    }
}
.calendar__holder .tdday {
    color: #818181;
    font-size: 14px;
    padding: 1em 0.5em 1em 0.5em;
    text-align: center;
    vertical-align: top;
}
.calendar__holder .tdday.past, .calendar__holder .tdday.no-spaces {
    background-color: #f2f2f2;
}
.calendar__holder .tdday.today span.day {
    background: #4681b8;
    height: 25px;
    width: 25px;
    text-align: center;
    color: white;
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (min-width: 600px) {
    .calendar__holder .tdday.today span.day {
        height: 30px;
        width: 30px;
    }
}
.calendar__holder .tdday span.spaces {
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
    border-bottom: 1px dashed;
    padding-bottom: 10px;
    text-align: center;
}
.calendar__holder .tdday span.day {
    display: table;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 13px;
}
@media screen and (min-width: 600px) {
    .calendar__holder .tdday span.day {
        margin-top: 0;
        font-size: 20px;
    }
}
.calendar__holder .tdday span.day span {
    display: table-cell;
    vertical-align: middle;
}
.calendar__holder .event-menu {
    display: block;
    margin-top: 0.5em;
}
.calendar__holder .event-menu:after {
    content: "܅";
    color: #f7e734;
    font-size: 50px;
    line-height: 0;
}
@media screen and (min-width: 600px) {
    .calendar__holder .event-menu {
        display: none;
    }
}
.calendar__holder .events__wrapper {
    display: none;
}
@media screen and (max-width: 599px) {
    .calendar__holder .events__wrapper.show {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 600px) {
    .calendar__holder .events__wrapper {
        display: block;
    }
    .calendar__holder .events__wrapper .close {
        display: none;
    }
}
@media screen and (max-width: 599px) {
    .calendar__holder .events__inner {
        position: relative;
        width: 90%;
        background: white;
        padding: 2em;
        border-radius: 10px;
    }
}
.calendar__holder .events {
    margin-bottom: 5px;
    margin-top: 10px;
}
.calendar__holder .events hr {
    margin-top: 15px;
}
.calendar__holder .events a {
    text-decoration: underline;
    margin-top: 10px;
    background: #f7e734;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    color: white;
}
.calendar__holder .events a:first-child {
    margin-top: 0;
}
.calendar__holder .events a:last-child {
    margin-top: 5px;
}
.calendar__holder .events a:hover {
    opacity: 0.8;
    text-decoration: none;
}
/* ====== BANNER STYLES ====== */
/* ======
CALENDAR STYLES
	- BASE STYLES
====== */
/* ==========================================================================
$	CALENDAR STYLES
========================================================================== */
.carpark__inner,
.events__inner {
    padding-top: 2em;
}
@media screen and (min-width: 768px) {
    .carpark__inner,
    .events__inner {
        padding-top: 4em;
    }
}

.pending_orders_wrapper.carpark_wrapper,
.pending_orders_wrapper.events_wrapper {
    padding-top: 0;
}
.pending_orders_wrapper.carpark_wrapper .order,
.pending_orders_wrapper.events_wrapper .order {
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 768px) {
    .pending_orders_wrapper.carpark_wrapper .order,
    .pending_orders_wrapper.events_wrapper .order {
        font-size: 18px;
        font-size: 1.2857142857rem;
    }
}

.car_park_list .carpark.accessible {
    background-color: #325aaa;
    color: #ffffff;
}
.car_park_list .carpark.accessible h4 {
    color: #ffffff;
}
.car_park_list .carpark.electric-charging-point {
    background-color: #90c341;
}

.carpark_details {
    border-top: 1px dashed #2c3256;
    margin-top: 10px;
}
.carpark_details h5 {
    font-size: 13px;
    font-size: 0.9285714286rem;
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-top: 10px;
}
.carpark_details ul {
    margin-left: 0;
}
.carpark_details li {
    list-style: none;
    margin-bottom: 2px;
}

:root {
    --delay-time: .5s;
}

#carparkMap {
    min-height: 350px;
    height: 100%;
}
@media screen and (min-width: 768px) {
    #carparkMap {
        min-height: 450px;
    }
}
@media screen and (min-width: 900px) {
    #carparkMap {
        min-height: 500px;
    }
}

#mapContainer {
    height: 100%;
    margin: 20px 0 20px 0;
}
@media screen and (max-width: 599px) {
    #mapContainer {
        margin: 40px 0 40px 0;
    }
}

@keyframes drop {
    0% {
        transform: translateY(-200px) scaleY(0.9);
        opacity: 0;
    }
    5% {
        opacity: 0.7;
    }
    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }
    65% {
        transform: translateY(-17px) scaleY(0.9);
        opacity: 1;
    }
    75% {
        transform: translateY(-22px) scaleY(0.9);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }
}
.drop {
    animation: drop 0.3s linear forwards var(--delay-time);
}

/* BRAND */
/* ====== EDGBASTON STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.edgbaston h1, .edgbaston .h1, .edgbaston h2, .edgbaston .h2, .edgbaston h3, .edgbaston .h3, .edgbaston h4, .edgbaston .h4, .edgbaston #order-total .line-item label, #order-total .line-item .edgbaston label, .edgbaston h5, .edgbaston .h5, .edgbaston h6, .edgbaston .h6 label, .edgbaston p, .edgbaston a {
    font-family: "Comfortaa", cursive;
}
.edgbaston h1, .edgbaston .h1, .edgbaston h2, .edgbaston .h2, .edgbaston h3 {
    color: #233368;
}
.edgbaston #theMenuDiv ul.nav li > a, .edgbaston #theMenuDiv ul.nav--inline li > a, .edgbaston #theMenuDiv ul.nav--stacked li > a, .edgbaston #theMenuDiv ul.nav--tabbed li > a, .edgbaston #theMenuDiv ul.nav--breadcrumb li > a, .edgbaston #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.edgbaston #theMenuDiv ul.nav ul > li > a, .edgbaston #theMenuDiv ul.nav--inline ul > li > a, .edgbaston #theMenuDiv ul.nav--stacked ul > li > a, .edgbaston #theMenuDiv ul.nav--tabbed ul > li > a, .edgbaston #theMenuDiv ul.nav--breadcrumb ul > li > a, .edgbaston #theMenuDiv ul.button-group ul > li > a {
    color: #ffffff;
}
.edgbaston header.top {
    background-color: #233368;
    color: #ffffff;
}
.edgbaston header.top .logo {
    background-image: url(/Content/img/ep-edgbaston_logo.png);
}
.edgbaston .header_basket {
    border-color: #ffffff;
}
.edgbaston .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.edgbaston .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.edgbaston #theMenuDiv ul.nav > li > a::after, .edgbaston #theMenuDiv ul.nav--inline > li > a::after, .edgbaston #theMenuDiv ul.nav--stacked > li > a::after, .edgbaston #theMenuDiv ul.nav--tabbed > li > a::after, .edgbaston #theMenuDiv ul.nav--breadcrumb > li > a::after, .edgbaston #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.edgbaston .primary-btn, .edgbaston .button,
.edgbaston input[type=primary-btn],
.edgbaston input[type=submit].primary-btn, .edgbaston input[type=submit].secondary-btn, .edgbaston .btn-primary {
    background-color: #0075c9;
    border-radius: 5px 5px 5px 5px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #005ea1;
    color: #ffffff;
}
.edgbaston .primary-btn:hover, .edgbaston .button:hover,
.edgbaston input[type=primary-btn]:hover, .edgbaston input[type=submit].secondary-btn:hover, .edgbaston .btn-primary:hover {
    background-color: #005ea1;
    color: #ffffff;
}
.edgbaston .secondary-btn, .edgbaston form input[type=submit].secondary-btn, .edgbaston form input.secondary-btn {
    background-color: #d2d2d2;
    border-radius: 5px 5px 5px 5px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #acacac;
    color: #ffffff;
}
.edgbaston .secondary-btn:hover, .edgbaston form input[type=submit].secondary-btn:hover, .edgbaston form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.edgbaston button[disabled].button:hover,
.edgbaston input[type=primary-btn][disabled]:hover,
.edgbaston input[type=submit][disabled].primary-btn:hover,
.edgbaston input[type=submit][disabled].button:hover,
.edgbaston input[type=submit][disabled].secondary-btn:hover {
    background-color: #0075c9;
}
.edgbaston button[disabled].button:hover,
.edgbaston input[type=secondary-btn][disabled]:hover,
.edgbaston input[type=submit][disabled].secondary-btn:hover {
    background-color: #d2d2d2;
}
.edgbaston .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.edgbaston .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.edgbaston .fields label {
    display: block;
    margin-bottom: 5px;
}
.edgbaston .body-content .banner {
    display: none;
}
.edgbaston .pending_orders_wrapper .orders .order h3,
.edgbaston .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.edgbaston .page-header {
    background-color: #233368;
}
.edgbaston .page-header h1 {
    color: #ffffff;
}
.edgbaston .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.edgbaston footer {
    background: white;
    color: #2c3256;
}
.edgbaston footer a, .edgbaston footer h5 {
    color: #2c3256;
}

/* ====== middlesbroughfc STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.middlesbroughfc h1, .middlesbroughfc .h1, .middlesbroughfc h2, .middlesbroughfc .h2, .middlesbroughfc h3, .middlesbroughfc .h3, .middlesbroughfc h4, .middlesbroughfc .h4, .middlesbroughfc #order-total .line-item label, #order-total .line-item .middlesbroughfc label, .middlesbroughfc h5, .middlesbroughfc .h5, .middlesbroughfc h6, .middlesbroughfc .h6 label, .middlesbroughfc p, .middlesbroughfc a {
    font-family: "Montserrat", sans-serif;
}
.middlesbroughfc h1, .middlesbroughfc .h1, .middlesbroughfc h2, .middlesbroughfc .h2, .middlesbroughfc h3, .middlesbroughfc a {
    color: #d5002e;
}
.middlesbroughfc #theMenuDiv ul.nav li > a, .middlesbroughfc #theMenuDiv ul.nav--inline li > a, .middlesbroughfc #theMenuDiv ul.nav--stacked li > a, .middlesbroughfc #theMenuDiv ul.nav--tabbed li > a, .middlesbroughfc #theMenuDiv ul.nav--breadcrumb li > a, .middlesbroughfc #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.middlesbroughfc #theMenuDiv ul.nav ul > li > a, .middlesbroughfc #theMenuDiv ul.nav--inline ul > li > a, .middlesbroughfc #theMenuDiv ul.nav--stacked ul > li > a, .middlesbroughfc #theMenuDiv ul.nav--tabbed ul > li > a, .middlesbroughfc #theMenuDiv ul.nav--breadcrumb ul > li > a, .middlesbroughfc #theMenuDiv ul.button-group ul > li > a {
    color: #2c3256;
}
.middlesbroughfc header.top {
    background-color: #d5002e;
    color: #ffffff;
}
.middlesbroughfc header.top .logo {
    background-image: url(/Content/img/ep-middlesbrough_logo.png);
    width: 180px;
    height: 50px;
}
@media screen and (min-width: 440px) {
    .middlesbroughfc header.top .logo {
        width: 290px;
        height: 65px;
    }
}
.middlesbroughfc .header_basket {
    border-color: #ffffff;
}
.middlesbroughfc .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.middlesbroughfc .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.middlesbroughfc .header_basket .number {
    background-color: #000000;
}
.middlesbroughfc #theMenuDiv ul.nav > li > a::after, .middlesbroughfc #theMenuDiv ul.nav--inline > li > a::after, .middlesbroughfc #theMenuDiv ul.nav--stacked > li > a::after, .middlesbroughfc #theMenuDiv ul.nav--tabbed > li > a::after, .middlesbroughfc #theMenuDiv ul.nav--breadcrumb > li > a::after, .middlesbroughfc #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.middlesbroughfc .primary-btn, .middlesbroughfc .button,
.middlesbroughfc input[type=primary-btn],
.middlesbroughfc input[type=submit].primary-btn, .middlesbroughfc input[type=submit].secondary-btn,
.middlesbroughfc .btn-primary {
    background-color: #e90838;
    border-radius: 0;
    border: none;
    color: #ffffff;
}
.middlesbroughfc .primary-btn:hover, .middlesbroughfc .button:hover,
.middlesbroughfc input[type=primary-btn]:hover, .middlesbroughfc input[type=submit].secondary-btn:hover,
.middlesbroughfc .btn-primary:hover {
    background-color: #8E0426;
    color: #ffffff;
}
.middlesbroughfc .secondary-btn,
.middlesbroughfc form input[type=submit].secondary-btn,
.middlesbroughfc form input.secondary-btn {
    background-color: #2d2d2d;
    border: none;
    border-radius: 0;
    color: #ffffff;
}
.middlesbroughfc .secondary-btn:hover,
.middlesbroughfc form input[type=submit].secondary-btn:hover,
.middlesbroughfc form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.middlesbroughfc button[disabled].button:hover,
.middlesbroughfc input[type=primary-btn][disabled]:hover,
.middlesbroughfc input[type=submit][disabled].primary-btn:hover,
.middlesbroughfc input[type=submit][disabled].button:hover,
.middlesbroughfc input[type=submit][disabled].secondary-btn:hover {
    background-color: #e90838;
}
.middlesbroughfc button[disabled].button:hover,
.middlesbroughfc input[type=secondary-btn][disabled]:hover,
.middlesbroughfc input[type=submit][disabled].secondary-btn:hover {
    background-color: #2d2d2d;
}
.middlesbroughfc .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.middlesbroughfc .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.middlesbroughfc .fields label {
    display: block;
    margin-bottom: 5px;
}
.middlesbroughfc .body-content .banner {
    display: none;
}
.middlesbroughfc .basket_items_wrapper h2 {
    border-color: #000000;
}
.middlesbroughfc .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
.middlesbroughfc #order-total .line-item span,
.middlesbroughfc .line-item .price {
    color: #d5002e;
}
.middlesbroughfc .car_park_list .orders .order .primary-btn, .middlesbroughfc .car_park_list .orders .order .button,
.middlesbroughfc .car_park_list .orders .order input[type=primary-btn], .middlesbroughfc .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #d5002e !important;
    color: #ffffff !important;
}
.middlesbroughfc .pending_orders_wrapper .orders .order h3,
.middlesbroughfc .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.middlesbroughfc .page-header {
    background-color: #d5002e;
}
.middlesbroughfc .page-header h1 {
    color: #ffffff;
}
.middlesbroughfc .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== CTR STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.ctr h1, .ctr .h1, .ctr h2, .ctr .h2, .ctr h3, .ctr .h3, .ctr h4, .ctr .h4, .ctr #order-total .line-item label, #order-total .line-item .ctr label, .ctr h5, .ctr .h5, .ctr h6, .ctr .h6 label, .ctr p, .ctr a {
    font-family: "Montserrat", sans-serif;
}
.ctr h1, .ctr .h1, .ctr h2, .ctr .h2, .ctr h3, .ctr a {
    color: #FFA500;
}
.ctr #theMenuDiv ul.nav li > a, .ctr #theMenuDiv ul.nav--inline li > a, .ctr #theMenuDiv ul.nav--stacked li > a, .ctr #theMenuDiv ul.nav--tabbed li > a, .ctr #theMenuDiv ul.nav--breadcrumb li > a, .ctr #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.ctr #theMenuDiv ul.nav ul > li > a, .ctr #theMenuDiv ul.nav--inline ul > li > a, .ctr #theMenuDiv ul.nav--stacked ul > li > a, .ctr #theMenuDiv ul.nav--tabbed ul > li > a, .ctr #theMenuDiv ul.nav--breadcrumb ul > li > a, .ctr #theMenuDiv ul.button-group ul > li > a {
    color: #2c3256;
}
.ctr header.top {
    background-color: #FFA500;
    color: #ffffff;
}
.ctr header.top .logo {
    background-image: url(/Content/img/ep-continental_logo.png);
    width: 180px;
    height: 50px;
}
@media screen and (min-width: 440px) {
    .ctr header.top .logo {
        width: 290px;
        height: 65px;
    }
}
.ctr .header_basket {
    border-color: #ffffff;
}
.ctr .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.ctr .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.ctr .header_basket .number {
    background-color: #000000;
}
.ctr #theMenuDiv ul.nav > li > a::after, .ctr #theMenuDiv ul.nav--inline > li > a::after, .ctr #theMenuDiv ul.nav--stacked > li > a::after, .ctr #theMenuDiv ul.nav--tabbed > li > a::after, .ctr #theMenuDiv ul.nav--breadcrumb > li > a::after, .ctr #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.ctr .primary-btn, .ctr .button,
.ctr input[type=primary-btn],
.ctr input[type=submit].primary-btn, .ctr input[type=submit].secondary-btn,
.ctr .btn-primary {
    background-color: #bea500;
    border-radius: 0;
    border: none;
    color: #ffffff;
}
.ctr .primary-btn:hover, .ctr .button:hover,
.ctr input[type=primary-btn]:hover, .ctr input[type=submit].secondary-btn:hover,
.ctr .btn-primary:hover {
    background-color: #CF8600;
    color: #ffffff;
}
.ctr .secondary-btn,
.ctr form input[type=submit].secondary-btn,
.ctr form input.secondary-btn {
    background-color: #6e6e6e;
    border: none;
    border-radius: 0;
    color: #ffffff;
}
.ctr .secondary-btn:hover,
.ctr form input[type=submit].secondary-btn:hover,
.ctr form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.ctr button[disabled].button:hover,
.ctr input[type=primary-btn][disabled]:hover,
.ctr input[type=submit][disabled].primary-btn:hover,
.ctr input[type=submit][disabled].button:hover,
.ctr input[type=submit][disabled].secondary-btn:hover {
    background-color: #bea500;
}
.ctr button[disabled].button:hover,
.ctr input[type=secondary-btn][disabled]:hover,
.ctr input[type=submit][disabled].secondary-btn:hover {
    background-color: #6e6e6e;
}
.ctr .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.ctr .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ctr .fields label {
    display: block;
    margin-bottom: 5px;
}
.ctr .body-content .banner {
    display: none;
}
.ctr .basket_items_wrapper h2 {
    border-color: #000000;
}
.ctr .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
@media screen and (min-width: 768px) {
    .ctr .basket_holder .payment_details, .ctr .basket_holder .basket_items {
        width: 45%;
    }
    .ctr .basket_holder .payment_details, .ctr .basket_holder .payment_details {
        padding-right: 2vw;
    }
}
.ctr #order-total .line-item span,
.ctr .line-item .price {
    color: #FFA500;
}
.ctr .car_park_list .orders .order .primary-btn, .ctr .car_park_list .orders .order .button,
.ctr .car_park_list .orders .order input[type=primary-btn], .ctr .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #FFA500 !important;
    color: #ffffff !important;
}
.ctr .pending_orders_wrapper .orders .order h3,
.ctr .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.ctr .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== uefa STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.uefa h1, .uefa .h1, .uefa h2, .uefa .h2, .uefa h3, .uefa .h3, .uefa h4, .uefa .h4, .uefa #order-total .line-item label, #order-total .line-item .uefa label, .uefa h5, .uefa .h5, .uefa h6, .uefa .h6 label, .uefa p, .uefa a {
    font-family: "Roboto", sans-serif;
}
.uefa h1, .uefa .h1, .uefa h2, .uefa .h2, .uefa h3, .uefa a {
    color: #0084a4;
}
.uefa #theMenuDiv ul.nav li > a, .uefa #theMenuDiv ul.nav--inline li > a, .uefa #theMenuDiv ul.nav--stacked li > a, .uefa #theMenuDiv ul.nav--tabbed li > a, .uefa #theMenuDiv ul.nav--breadcrumb li > a, .uefa #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.uefa #theMenuDiv ul.nav ul > li > a, .uefa #theMenuDiv ul.nav--inline ul > li > a, .uefa #theMenuDiv ul.nav--stacked ul > li > a, .uefa #theMenuDiv ul.nav--tabbed ul > li > a, .uefa #theMenuDiv ul.nav--breadcrumb ul > li > a, .uefa #theMenuDiv ul.button-group ul > li > a {
    color: #2c3256;
}
@media screen and (min-width: 440px) {
    .uefa .booking-session {
        top: 13px;
    }
}
.uefa header.top {
    background-color: #0084a4;
    color: #ffffff;
}
@media screen and (min-width: 440px) {
    .uefa header.top {
        height: 95px;
    }
}
.uefa header.top .logo {
    background-image: url(/Content/img/uefa_logo_white.png);
    width: 180px;
    height: 50px;
}
@media screen and (min-width: 440px) {
    .uefa header.top .logo {
        width: 290px;
        height: 65px;
    }
}
.uefa .header_basket {
    border-color: #ffffff;
    top: 6px;
}
.uefa .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.uefa .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.uefa .header_basket .number {
    background-color: #000000;
}
.uefa #theMenuDiv ul.nav > li > a::after, .uefa #theMenuDiv ul.nav--inline > li > a::after, .uefa #theMenuDiv ul.nav--stacked > li > a::after, .uefa #theMenuDiv ul.nav--tabbed > li > a::after, .uefa #theMenuDiv ul.nav--breadcrumb > li > a::after, .uefa #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.uefa .primary-btn, .uefa .button,
.uefa input[type=primary-btn],
.uefa input[type=submit].primary-btn, .uefa input[type=submit].secondary-btn,
.uefa .btn-primary {
    background-color: #0084a4;
    border-radius: 25px;
    border: none;
    color: #ffffff;
}
.uefa .primary-btn:hover, .uefa .button:hover,
.uefa input[type=primary-btn]:hover, .uefa input[type=submit].secondary-btn:hover,
.uefa .btn-primary:hover {
    background-color: #004a55;
    color: #ffffff;
}
.uefa .secondary-btn,
.uefa form input[type=submit].secondary-btn,
.uefa form input.secondary-btn {
    background: none;
    border: 1px solid #f7a600;
    border-radius: 25px;
    color: #f7a600;
}
.uefa .secondary-btn:hover,
.uefa form input[type=submit].secondary-btn:hover,
.uefa form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.uefa button[disabled].button:hover,
.uefa input[type=primary-btn][disabled]:hover,
.uefa input[type=submit][disabled].primary-btn:hover,
.uefa input[type=submit][disabled].button:hover,
.uefa input[type=submit][disabled].secondary-btn:hover {
    background-color: #4bbdcf;
}
.uefa button[disabled].button:hover,
.uefa input[type=secondary-btn][disabled]:hover,
.uefa input[type=submit][disabled].secondary-btn:hover {
    background-color: #f7a600;
}
.uefa .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.uefa .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.uefa .fields label {
    display: block;
    margin-bottom: 5px;
}
.uefa .body-content .banner {
    display: none;
}
.uefa .basket_items_wrapper h2 {
    border-color: #000000;
}
.uefa .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
.uefa #order-total .line-item span,
.uefa .line-item .price {
    color: #0084a4;
}
.uefa .car_park_list .orders .order .primary-btn, .uefa .car_park_list .orders .order .button,
.uefa .car_park_list .orders .order input[type=primary-btn], .uefa .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #0084a4 !important;
    color: #ffffff !important;
}
.uefa .pending_orders_wrapper .orders .order h3,
.uefa .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.uefa .page-header {
    background-color: #0084a4;
}
.uefa .page-header h1 {
    color: #ffffff;
}
.uefa .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== CWG STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
@font-face {
    font-family: "Knockout-68FullFeatherwt";
    src: url("/fonts/cwg/Knockout-HTF68-FullFeatherwt.woff2") format("woff2"), url("/fonts/cwg/Knockout-HTF68-FullFeatherwt.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}
.commonwealthgames,
.cwg {
    color: #333;
}
.commonwealthgames h1, .commonwealthgames .h1, .commonwealthgames h2, .commonwealthgames .h2, .commonwealthgames h3, .commonwealthgames .h3, .commonwealthgames h4, .commonwealthgames .h4, .commonwealthgames #order-total .line-item label, #order-total .line-item .commonwealthgames label, .commonwealthgames h5, .commonwealthgames .h5, .commonwealthgames h6, .commonwealthgames .h6, .commonwealthgames label, .commonwealthgames p, .commonwealthgames a,
.cwg h1,
.cwg .h1,
.cwg h2,
.cwg .h2,
.cwg h3,
.cwg .h3,
.cwg h4,
.cwg .h4,
.cwg #order-total .line-item label,
#order-total .line-item .cwg label,
.cwg h5,
.cwg .h5,
.cwg h6,
.cwg .h6,
.cwg label,
.cwg p,
.cwg a {
    color: black;
    font-family: gineso, sans-serif;
}
.commonwealthgames h1, .commonwealthgames .h1,
.cwg h1,
.cwg .h1 {
    color: black;
    text-transform: uppercase;
    font-weight: 500;
}
.commonwealthgames h2, .commonwealthgames .h2, .commonwealthgames h3, .commonwealthgames .h3, .commonwealthgames h4, .commonwealthgames .h4, .commonwealthgames #order-total .line-item label, #order-total .line-item .commonwealthgames label,
.cwg h2,
.cwg .h2,
.cwg h3,
.cwg .h3,
.cwg h4,
.cwg .h4,
.cwg #order-total .line-item label,
#order-total .line-item .cwg label {
    color: black;
    text-transform: uppercase;
}
.commonwealthgames #theMenuDiv ul.nav > li > a, .commonwealthgames #theMenuDiv ul.nav--inline > li > a, .commonwealthgames #theMenuDiv ul.nav--stacked > li > a, .commonwealthgames #theMenuDiv ul.nav--tabbed > li > a, .commonwealthgames #theMenuDiv ul.nav--breadcrumb > li > a, .commonwealthgames #theMenuDiv ul.button-group > li > a,
.cwg #theMenuDiv ul.nav > li > a,
.cwg #theMenuDiv ul.nav--inline > li > a,
.cwg #theMenuDiv ul.nav--stacked > li > a,
.cwg #theMenuDiv ul.nav--tabbed > li > a,
.cwg #theMenuDiv ul.nav--breadcrumb > li > a,
.cwg #theMenuDiv ul.button-group > li > a {
    color: black;
    font-weight: bold;
    font-size: 24px;
}
@media screen and (min-width: 768px) {
    .commonwealthgames #theMenuDiv ul.nav > li > a, .commonwealthgames #theMenuDiv ul.nav--inline > li > a, .commonwealthgames #theMenuDiv ul.nav--stacked > li > a, .commonwealthgames #theMenuDiv ul.nav--tabbed > li > a, .commonwealthgames #theMenuDiv ul.nav--breadcrumb > li > a, .commonwealthgames #theMenuDiv ul.button-group > li > a,
    .cwg #theMenuDiv ul.nav > li > a,
    .cwg #theMenuDiv ul.nav--inline > li > a,
    .cwg #theMenuDiv ul.nav--stacked > li > a,
    .cwg #theMenuDiv ul.nav--tabbed > li > a,
    .cwg #theMenuDiv ul.nav--breadcrumb > li > a,
    .cwg #theMenuDiv ul.button-group > li > a {
        font-size: 20px;
    }
}
.commonwealthgames #theMenuDiv ul.nav > li > a:after, .commonwealthgames #theMenuDiv ul.nav--inline > li > a:after, .commonwealthgames #theMenuDiv ul.nav--stacked > li > a:after, .commonwealthgames #theMenuDiv ul.nav--tabbed > li > a:after, .commonwealthgames #theMenuDiv ul.nav--breadcrumb > li > a:after, .commonwealthgames #theMenuDiv ul.button-group > li > a:after,
.cwg #theMenuDiv ul.nav > li > a:after,
.cwg #theMenuDiv ul.nav--inline > li > a:after,
.cwg #theMenuDiv ul.nav--stacked > li > a:after,
.cwg #theMenuDiv ul.nav--tabbed > li > a:after,
.cwg #theMenuDiv ul.nav--breadcrumb > li > a:after,
.cwg #theMenuDiv ul.button-group > li > a:after {
    display: none;
}
.commonwealthgames #theMenuDiv ul.nav > li > a:hover, .commonwealthgames #theMenuDiv ul.nav--inline > li > a:hover, .commonwealthgames #theMenuDiv ul.nav--stacked > li > a:hover, .commonwealthgames #theMenuDiv ul.nav--tabbed > li > a:hover, .commonwealthgames #theMenuDiv ul.nav--breadcrumb > li > a:hover, .commonwealthgames #theMenuDiv ul.button-group > li > a:hover,
.cwg #theMenuDiv ul.nav > li > a:hover,
.cwg #theMenuDiv ul.nav--inline > li > a:hover,
.cwg #theMenuDiv ul.nav--stacked > li > a:hover,
.cwg #theMenuDiv ul.nav--tabbed > li > a:hover,
.cwg #theMenuDiv ul.nav--breadcrumb > li > a:hover,
.cwg #theMenuDiv ul.button-group > li > a:hover {
    color: #e8308a;
}
@media screen and (min-width: 600px) {
    .commonwealthgames header.top,
    .cwg header.top {
        height: 190px;
    }
}
.commonwealthgames header.top .logo,
.cwg header.top .logo {
    background-image: url(/Content/img/logo-wordmark-landscape1.svg);
    width: 1px;
    height: 40px;
}
@media screen and (min-width: 400px) {
    .commonwealthgames header.top .logo,
    .cwg header.top .logo {
        width: 1px;
    }
}
@media screen and (min-width: 600px) {
    .commonwealthgames header.top .logo,
    .cwg header.top .logo {
        background-image: url(/Content/img/b2022-logo.jpg);
        width: 1px;
        height: 160px;
    }
}
.commonwealthgames header.top .booking-session,
.cwg header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .commonwealthgames header.top .booking-session,
    .cwg header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .commonwealthgames header.top .booking-session,
    .cwg header.top .booking-session {
        right: 235px;
    }
}
.commonwealthgames header.top .booking-session .description,
.cwg header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.commonwealthgames header.top .header_basket,
.cwg header.top .header_basket {
    border-color: black;
    right: 85px;
}
@media screen and (min-width: 440px) {
    .commonwealthgames header.top .header_basket,
    .cwg header.top .header_basket {
        right: 75px;
    }
}
@media screen and (min-width: 600px) {
    .commonwealthgames header.top .header_basket,
    .cwg header.top .header_basket {
        top: 50px;
    }
}
.commonwealthgames header.top .header_basket .number,
.cwg header.top .header_basket .number {
    background-color: #e8308a;
}
.commonwealthgames header.top .header_basket .total, .commonwealthgames header.top .header_basket .total a,
.cwg header.top .header_basket .total,
.cwg header.top .header_basket .total a {
    color: black;
}
.commonwealthgames .more-menu span,
.cwg .more-menu span {
    color: black;
}
.commonwealthgames .banner,
.cwg .banner {
    background-image: url(/Content/img/cwg_blue_banner.jpg);
    min-height: 200px;
}
@media screen and (min-width: 768px) {
    .commonwealthgames .banner,
    .cwg .banner {
        min-height: 400px;
    }
}
@media screen and (min-width: 900px) {
    .commonwealthgames .banner,
    .cwg .banner {
        min-height: 500px;
    }
}
.commonwealthgames .banner h1,
.cwg .banner h1 {
    display: block;
    font-family: "Knockout-68FullFeatherwt";
    font-size: 36px;
    text-transform: uppercase;
    color: black;
    margin: 0;
    line-height: 0.9;
    text-align: center;
}
@media screen and (min-width: 600px) {
    .commonwealthgames .banner h1,
    .cwg .banner h1 {
        font-size: 80px;
    }
}
@media screen and (min-width: 768px) {
    .commonwealthgames .banner h1,
    .cwg .banner h1 {
        font-size: 70px;
    }
}
.commonwealthgames .banner .banner_inner,
.cwg .banner .banner_inner {
    max-width: 900px;
}
.commonwealthgames .primary-btn, .commonwealthgames .button,
.commonwealthgames input[type=primary-btn],
.commonwealthgames input[type=submit].primary-btn, .commonwealthgames input[type=submit].secondary-btn,
.commonwealthgames .btn-primary,
.cwg .primary-btn,
.cwg .button,
.cwg input[type=primary-btn],
.cwg input[type=submit].primary-btn,
.cwg input[type=submit].secondary-btn,
.cwg .btn-primary {
    border-radius: 0px;
    padding: 10px 15px;
    border: solid 2px #00b6f8;
    font-size: 16px;
    font-weight: 500;
    font-family: gineso, sans-serif;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: black;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    background: transparent;
}
.commonwealthgames .primary-btn svg, .commonwealthgames .button svg,
.commonwealthgames input[type=primary-btn] svg, .commonwealthgames input[type=submit].secondary-btn svg,
.commonwealthgames .btn-primary svg,
.cwg .primary-btn svg,
.cwg .button svg,
.cwg input[type=primary-btn] svg,
.cwg input[type=submit].secondary-btn svg,
.cwg .btn-primary svg {
    display: inline-block;
    margin-left: 16px;
    height: 20px;
    transition: all ease-in-out 0.1s;
}
.commonwealthgames .primary-btn svg:not(:root), .commonwealthgames .button svg:not(:root),
.commonwealthgames input[type=primary-btn] svg:not(:root), .commonwealthgames input[type=submit].secondary-btn svg:not(:root),
.commonwealthgames .btn-primary svg:not(:root),
.cwg .primary-btn svg:not(:root),
.cwg .button svg:not(:root),
.cwg input[type=primary-btn] svg:not(:root),
.cwg input[type=submit].secondary-btn svg:not(:root),
.cwg .btn-primary svg:not(:root) {
    overflow: hidden;
}
.commonwealthgames .primary-btn:hover, .commonwealthgames .button:hover,
.commonwealthgames input[type=primary-btn]:hover, .commonwealthgames input[type=submit].secondary-btn:hover, .commonwealthgames .primary-btn:focus, .commonwealthgames .button:focus,
.commonwealthgames input[type=primary-btn]:focus, .commonwealthgames input[type=submit].secondary-btn:focus,
.commonwealthgames .btn-primary:hover,
.commonwealthgames .btn-primary:focus,
.cwg .primary-btn:hover,
.cwg .button:hover,
.cwg input[type=primary-btn]:hover,
.cwg input[type=submit].secondary-btn:hover,
.cwg .primary-btn:focus,
.cwg .button:focus,
.cwg input[type=primary-btn]:focus,
.cwg input[type=submit].secondary-btn:focus,
.cwg .btn-primary:hover,
.cwg .btn-primary:focus {
    border-color: black;
    color: #ffffff;
    background-color: black;
}
.commonwealthgames .primary-btn:hover svg, .commonwealthgames .button:hover svg,
.commonwealthgames input[type=primary-btn]:hover svg, .commonwealthgames input[type=submit].secondary-btn:hover svg, .commonwealthgames .primary-btn:focus svg, .commonwealthgames .button:focus svg,
.commonwealthgames input[type=primary-btn]:focus svg, .commonwealthgames input[type=submit].secondary-btn:focus svg,
.commonwealthgames .btn-primary:hover svg,
.commonwealthgames .btn-primary:focus svg,
.cwg .primary-btn:hover svg,
.cwg .button:hover svg,
.cwg input[type=primary-btn]:hover svg,
.cwg input[type=submit].secondary-btn:hover svg,
.cwg .primary-btn:focus svg,
.cwg .button:focus svg,
.cwg input[type=primary-btn]:focus svg,
.cwg input[type=submit].secondary-btn:focus svg,
.cwg .btn-primary:hover svg,
.cwg .btn-primary:focus svg {
    fill: #00b6f8;
}
.commonwealthgames .secondary-btn,
.commonwealthgames form input[type=submit].secondary-btn,
.commonwealthgames form input.secondary-btn,
.cwg .secondary-btn,
.cwg form input[type=submit].secondary-btn,
.cwg form input.secondary-btn {
    border-radius: 0px;
    padding: 10px 15px;
    border: solid 2px #e8308a;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: black;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    background: transparent;
}
.commonwealthgames .secondary-btn svg,
.commonwealthgames form input[type=submit].secondary-btn svg,
.commonwealthgames form input.secondary-btn svg,
.cwg .secondary-btn svg,
.cwg form input[type=submit].secondary-btn svg,
.cwg form input.secondary-btn svg {
    display: inline-block;
    margin-left: 16px;
    height: 20px;
    transition: all ease-in-out 0.1s;
}
.commonwealthgames .secondary-btn svg:not(:root),
.commonwealthgames form input[type=submit].secondary-btn svg:not(:root),
.commonwealthgames form input.secondary-btn svg:not(:root),
.cwg .secondary-btn svg:not(:root),
.cwg form input[type=submit].secondary-btn svg:not(:root),
.cwg form input.secondary-btn svg:not(:root) {
    overflow: hidden;
}
.commonwealthgames .secondary-btn:hover, .commonwealthgames .secondary-btn:focus,
.commonwealthgames form input[type=submit].secondary-btn:hover,
.commonwealthgames form input[type=submit].secondary-btn:focus,
.commonwealthgames form input.secondary-btn:hover,
.commonwealthgames form input.secondary-btn:focus,
.cwg .secondary-btn:hover,
.cwg .secondary-btn:focus,
.cwg form input[type=submit].secondary-btn:hover,
.cwg form input[type=submit].secondary-btn:focus,
.cwg form input.secondary-btn:hover,
.cwg form input.secondary-btn:focus {
    border-color: black;
    color: #ffffff;
    background-color: black;
}
.commonwealthgames .secondary-btn:hover svg, .commonwealthgames .secondary-btn:focus svg,
.commonwealthgames form input[type=submit].secondary-btn:hover svg,
.commonwealthgames form input[type=submit].secondary-btn:focus svg,
.commonwealthgames form input.secondary-btn:hover svg,
.commonwealthgames form input.secondary-btn:focus svg,
.cwg .secondary-btn:hover svg,
.cwg .secondary-btn:focus svg,
.cwg form input[type=submit].secondary-btn:hover svg,
.cwg form input[type=submit].secondary-btn:focus svg,
.cwg form input.secondary-btn:hover svg,
.cwg form input.secondary-btn:focus svg {
    fill: #e8308a;
}
.commonwealthgames button[disabled].button:hover,
.commonwealthgames input[type=primary-btn][disabled]:hover,
.commonwealthgames input[type=submit][disabled].primary-btn:hover,
.commonwealthgames input[type=submit][disabled].button:hover,
.commonwealthgames input[type=submit][disabled].secondary-btn:hover,
.cwg button[disabled].button:hover,
.cwg input[type=primary-btn][disabled]:hover,
.cwg input[type=submit][disabled].primary-btn:hover,
.cwg input[type=submit][disabled].button:hover,
.cwg input[type=submit][disabled].secondary-btn:hover {
    background-color: white;
}
.commonwealthgames button[disabled].button:hover,
.commonwealthgames input[type=secondary-btn][disabled]:hover,
.commonwealthgames input[type=submit][disabled].secondary-btn:hover,
.cwg button[disabled].button:hover,
.cwg input[type=secondary-btn][disabled]:hover,
.cwg input[type=submit][disabled].secondary-btn:hover {
    background-color: white;
}
@media screen and (min-width: 600px) {
    .commonwealthgames,
    .cwg {
        min-height: 400px;
    }
}
.commonwealthgames .pending_orders_wrapper .orders .order,
.cwg .pending_orders_wrapper .orders .order {
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: box-shadow 0.25s ease-in-out;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
}
.commonwealthgames .pending_orders_wrapper .orders h3,
.commonwealthgames .pending_orders_wrapper .orders h4,
.cwg .pending_orders_wrapper .orders h3,
.cwg .pending_orders_wrapper .orders h4 {
    font-weight: 700;
}
.commonwealthgames .page-header,
.cwg .page-header {
    background-color: #e8308a;
}
.commonwealthgames .page-header h1,
.cwg .page-header h1 {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.093rem;
}
.commonwealthgames .page-header:before,
.cwg .page-header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 35rem;
    background: #804f9b;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%);
    z-index: 20;
    width: 35%;
    height: 25%;
}
.commonwealthgames .page-header__background-left, .commonwealthgames .page-header__background-right,
.cwg .page-header__background-left,
.cwg .page-header__background-right {
    display: block;
    z-index: 10;
    position: absolute;
    height: 100%;
    max-width: 30rem;
}
.commonwealthgames .page-header__background-left,
.cwg .page-header__background-left {
    left: -12.5rem;
    width: 50%;
    top: 0;
    fill: #fff;
}
.commonwealthgames .page-header__background-right,
.cwg .page-header__background-right {
    right: -4rem;
    top: 5rem;
    width: 50%;
    fill: #eb7003;
}
@media screen and (min-width: 768px) {
    .commonwealthgames .page-header,
    .cwg .page-header {
        min-height: 22rem;
    }
    .commonwealthgames .page-header:before,
    .cwg .page-header:before {
        height: 50%;
        width: 30%;
    }
    .commonwealthgames .page-header__background-left,
    .cwg .page-header__background-left {
        left: 0;
        width: 18%;
    }
    .commonwealthgames .page-header__background-right,
    .cwg .page-header__background-right {
        right: -6rem;
        top: 2rem;
    }
}
.commonwealthgames .carpark__inner h2,
.cwg .carpark__inner h2 {
    color: black;
}
.commonwealthgames .carpark__inner h3,
.cwg .carpark__inner h3 {
    color: black;
    font-weight: 400;
}
.commonwealthgames .carpark__inner h4,
.cwg .carpark__inner h4 {
    color: black;
    text-transform: none;
}
.commonwealthgames .basket_items .basket_items_inner,
.cwg .basket_items .basket_items_inner {
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: box-shadow 0.25s ease-in-out;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
}
.commonwealthgames .basket_items_wrapper .qtyactions > input,
.cwg .basket_items_wrapper .qtyactions > input {
    background-color: black;
}
.commonwealthgames .basket_items_wrapper .line-item.total label,
.cwg .basket_items_wrapper .line-item.total label {
    color: #e8308a;
}
.commonwealthgames .booking_slots,
.cwg .booking_slots {
    border-color: black;
}
.commonwealthgames .booking_slots label,
.cwg .booking_slots label {
    border-color: black;
}
.commonwealthgames .booking_slots input[type=radio]:checked + label,
.cwg .booking_slots input[type=radio]:checked + label {
    background-color: #804f9b;
    color: #ffffff;
}
.commonwealthgames .car_details__line td span.car_label,
.cwg .car_details__line td span.car_label {
    color: black;
    font-family: gineso, sans-serif;
    text-transform: uppercase;
}
.commonwealthgames footer.bottom,
.cwg footer.bottom {
    background-color: #804f9b;
    color: #ffffff;
    padding-top: 10em;
}
@media screen and (min-width: 768px) {
    .commonwealthgames footer.bottom,
    .cwg footer.bottom {
        padding-top: 200px;
    }
}
.commonwealthgames footer.bottom:before,
.cwg footer.bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    background: #e8308a url(/Content/img/footer-background.svg);
    background-size: auto;
    background-repeat: no-repeat;
}
@media screen and (min-width: 600px) {
    .commonwealthgames footer.bottom:before,
    .cwg footer.bottom:before {
        height: 12rem;
    }
}
.commonwealthgames footer.bottom a,
.commonwealthgames footer.bottom h5,
.commonwealthgames footer.bottom nav li a,
.cwg footer.bottom a,
.cwg footer.bottom h5,
.cwg footer.bottom nav li a {
    color: #ffffff;
}
.commonwealthgames .login_wrapper,
.cwg .login_wrapper {
    background: #e3e3e3;
}
.commonwealthgames .login-holder,
.cwg .login-holder {
    max-width: 600px;
}
.commonwealthgames #MainContent_divcarparkslist .order .details:before,
.cwg #MainContent_divcarparkslist .order .details:before {
    background-image: url(./img/car_cwg.png);
}
.commonwealthgames #MainContent_divcarparkslist .order .details.car-walk:before,
.cwg #MainContent_divcarparkslist .order .details.car-walk:before {
    background-image: url(./img/car-walk_cwg.png);
}
.commonwealthgames #MainContent_divcarparkslist .order .details.ecar-walk:before,
.cwg #MainContent_divcarparkslist .order .details.ecar-walk:before {
    background-image: url(./img/ecar-walk.png);
}
.commonwealthgames #MainContent_divcarparkslist .order .details.car-bus:before,
.cwg #MainContent_divcarparkslist .order .details.car-bus:before {
    background-image: url(./img/car-bus_cwg.png);
}
.commonwealthgames #MainContent_divcarparkslist .order .details.ecar-bus:before,
.cwg #MainContent_divcarparkslist .order .details.ecar-bus:before {
    background-image: url(./img/ecar-bus.png);
}
.commonwealthgames #MainContent_divcarparkslist .order .details.bus:before,
.cwg #MainContent_divcarparkslist .order .details.bus:before {
    background-image: url(./img/bus_cwg.png);
    width: 25px;
}
.commonwealthgames #MainContent_divcarparkslist .order .details.car-walk-bus:before,
.cwg #MainContent_divcarparkslist .order .details.car-walk-bus:before {
    background-image: url(./img/car-walk-bus.png);
}
.commonwealthgames #MainContent_divcarparkslist .order.electric-charging-point,
.cwg #MainContent_divcarparkslist .order.electric-charging-point {
    background-color: #CEDF00;
}
.commonwealthgames .pending_orders_wrapper .orders .order .message,
.cwg .pending_orders_wrapper .orders .order .message {
    background-color: #e3e3e3;
}
.commonwealthgames .pending_orders_wrapper .orders .order .message a,
.cwg .pending_orders_wrapper .orders .order .message a {
    color: #804f9b;
}
.commonwealthgames .pending_orders_wrapper .orders .order .soldout,
.cwg .pending_orders_wrapper .orders .order .soldout {
    color: #ff1b12;
}
.commonwealthgames .schedule-filters-bar,
.cwg .schedule-filters-bar {
    position: relative;
    display: flex;
    min-height: 7em;
    align-items: center;
    border-bottom: 2px solid #e3e3e3;
    margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
    .commonwealthgames .schedule-filters-bar,
    .cwg .schedule-filters-bar {
        margin-bottom: 3em;
    }
}
.commonwealthgames .schedule-date-list,
.cwg .schedule-date-list {
    display: flex;
    margin: 0 auto;
    overflow-x: auto;
}
.commonwealthgames .schedule-date-list__controls,
.cwg .schedule-date-list__controls {
    background: transparent;
    border: 0;
    padding: 0;
}
.commonwealthgames .schedule-date-list__controls[disabled],
.cwg .schedule-date-list__controls[disabled] {
    pointer-events: none;
    opacity: 0.2;
}
.commonwealthgames .schedule-date-list__controls-icon,
.cwg .schedule-date-list__controls-icon {
    fill: #e8308a;
    width: 0.74rem;
    height: 1.2rem;
}
.commonwealthgames .schedule-date-list__controls-icon--left,
.cwg .schedule-date-list__controls-icon--left {
    transform: rotate(180deg);
}
.commonwealthgames .date-list,
.cwg .date-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 2rem;
    overflow-x: auto;
    padding-bottom: 2.6rem;
}
@media (max-width: 52.49em) {
    .commonwealthgames .date-list,
    .cwg .date-list {
        order: 1;
        flex: 0 0 100%;
        margin: 1rem auto 0;
        padding-bottom: 2rem;
    }
}
.commonwealthgames .date-list::-webkit-scrollbar,
.cwg .date-list::-webkit-scrollbar {
    height: 0.3rem;
    background: #e3e3e3;
}
.commonwealthgames .date-list::-webkit-scrollbar-thumb,
.cwg .date-list::-webkit-scrollbar-thumb {
    background: #e8308a;
}
.commonwealthgames .date-list__item,
.cwg .date-list__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.commonwealthgames .date-list__month,
.cwg .date-list__month {
    font-family: gineso, Arial, Helvetica Neue, sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    min-width: 4em;
    text-align: center;
    top: -2rem;
    left: 0;
    font-size: 16px;
    font-size: 1.1428571429rem;
    text-transform: uppercase;
    color: #e8308a;
    letter-spacing: 0.24rem;
}
.commonwealthgames .date-list__selector,
.cwg .date-list__selector {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 4em;
    min-height: 4em;
    border: 0.2em solid #e3e3e3;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 0.5em;
    margin-left: 0.5em;
}
.commonwealthgames .date-list__selector--selected,
.cwg .date-list__selector--selected {
    border: 0.2em solid #e8308a;
    border-radius: 50%;
    color: #e8308a;
}
.commonwealthgames .date-list__day,
.cwg .date-list__day {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1rem;
    margin-top: 0.5rem;
    opacity: 0.5;
}
.commonwealthgames .date-list__date, .commonwealthgames .date-list__day,
.cwg .date-list__date,
.cwg .date-list__day {
    font-family: gineso, Arial, Helvetica Neue, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.commonwealthgames .date-list__date,
.cwg .date-list__date {
    font-size: 18px;
    font-size: 1.2857142857rem;
}
@media (max-width: 39.99em) {
    .commonwealthgames .date-list__month,
    .cwg .date-list__month {
        min-width: 3.5em;
    }
    .commonwealthgames .date-list__selector,
    .cwg .date-list__selector {
        min-width: 3.5em;
        min-height: 3.5em;
    }
    .commonwealthgames .date-list__date,
    .cwg .date-list__date {
        font-size: 14px;
        font-size: 1rem;
    }
}
.commonwealthgames .paypal-btn,
.cwg .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.commonwealthgames .accessiblity_needs a,
.cwg .accessiblity_needs a {
    color: #804f9b;
}
.commonwealthgames .notification,
.cwg .notification {
    background-color: #00b6f8;
}
.commonwealthgames .notification.alert,
.cwg .notification.alert {
    background-color: #ff9d1a;
}
.commonwealthgames .blue_badge_venues .centered,
.cwg .blue_badge_venues .centered {
    background: none;
}
.commonwealthgames .blue_badge_venues .venue,
.cwg .blue_badge_venues .venue {
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: box-shadow 0.25s ease-in-out;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 0 100%);
}
.commonwealthgames .helpdesk .blocks-item,
.cwg .helpdesk .blocks-item {
    color: #804f9b;
    border: 2px solid #804f9b;
}

/* ====== BDL STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
.birmingham-diamond-league header.top .logo {
    background-image: url(/Content/img/bdl_logo.png);
}
.birmingham-diamond-league .primary-btn, .birmingham-diamond-league .button,
.birmingham-diamond-league input[type=primary-btn],
.birmingham-diamond-league input[type=submit].primary-btn, .birmingham-diamond-league input[type=submit].secondary-btn,
.birmingham-diamond-league .btn-primary {
    background-color: #2b395b;
    border: none;
    color: #ffffff;
}
.birmingham-diamond-league .primary-btn:hover, .birmingham-diamond-league .button:hover,
.birmingham-diamond-league input[type=primary-btn]:hover, .birmingham-diamond-league input[type=submit].secondary-btn:hover,
.birmingham-diamond-league .btn-primary:hover {
    background-color: #81201B;
    color: #ffffff;
}
.birmingham-diamond-league .secondary-btn,
.birmingham-diamond-league form input[type=submit].secondary-btn,
.birmingham-diamond-league form input.secondary-btn {
    background-color: #b3322b;
    border: none;
    color: #ffffff;
}
.birmingham-diamond-league .secondary-btn:hover,
.birmingham-diamond-league form input[type=submit].secondary-btn:hover,
.birmingham-diamond-league form input.secondary-btn:hover {
    background-color: #1B253D;
    color: #ffffff;
}
.birmingham-diamond-league button[disabled].button:hover,
.birmingham-diamond-league input[type=primary-btn][disabled]:hover,
.birmingham-diamond-league input[type=submit][disabled].primary-btn:hover,
.birmingham-diamond-league input[type=submit][disabled].button:hover,
.birmingham-diamond-league input[type=submit][disabled].secondary-btn:hover {
    background-color: #dd534b;
}
.birmingham-diamond-league button[disabled].button:hover,
.birmingham-diamond-league input[type=secondary-btn][disabled]:hover,
.birmingham-diamond-league input[type=submit][disabled].secondary-btn:hover {
    background-color: #b3322b;
}
.birmingham-diamond-league .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== BDL STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
.prep-the-pool header.top .logo {
    background-image: url(/Content/img/prep-the-pool.png);
}
.prep-the-pool .primary-btn, .prep-the-pool .button,
.prep-the-pool input[type=primary-btn],
.prep-the-pool input[type=submit].primary-btn, .prep-the-pool input[type=submit].secondary-btn,
.prep-the-pool .btn-primary {
    background-color: #00b6f8;
    border: none;
    color: #ffffff;
}
.prep-the-pool .primary-btn:hover, .prep-the-pool .button:hover,
.prep-the-pool input[type=primary-btn]:hover, .prep-the-pool input[type=submit].secondary-btn:hover,
.prep-the-pool .btn-primary:hover {
    background-color: #81201B;
    color: #ffffff;
}
.prep-the-pool .secondary-btn,
.prep-the-pool form input[type=submit].secondary-btn,
.prep-the-pool form input.secondary-btn {
    background-color: #e8308a;
    border: none;
    color: #ffffff;
}
.prep-the-pool .secondary-btn:hover,
.prep-the-pool form input[type=submit].secondary-btn:hover,
.prep-the-pool form input.secondary-btn:hover {
    background-color: #1B253D;
    color: #ffffff;
}
.prep-the-pool button[disabled].button:hover,
.prep-the-pool input[type=primary-btn][disabled]:hover,
.prep-the-pool input[type=submit][disabled].primary-btn:hover,
.prep-the-pool input[type=submit][disabled].button:hover,
.prep-the-pool input[type=submit][disabled].secondary-btn:hover {
    background-color: #e3e3e3;
}
.prep-the-pool button[disabled].button:hover,
.prep-the-pool input[type=secondary-btn][disabled]:hover,
.prep-the-pool input[type=submit][disabled].secondary-btn:hover {
    background-color: #e8308a;
}
.prep-the-pool .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== uefa STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.uefawomans h1, .uefawomans .h1, .uefawomans h2, .uefawomans .h2, .uefawomans h3, .uefawomans .h3, .uefawomans h4, .uefawomans .h4, .uefawomans #order-total .line-item label, #order-total .line-item .uefawomans label, .uefawomans h5, .uefawomans .h5, .uefawomans h6, .uefawomans .h6 label, .uefawomans p, .uefawomans a,
.womenseuro h1,
.womenseuro .h1,
.womenseuro h2,
.womenseuro .h2,
.womenseuro h3,
.womenseuro .h3,
.womenseuro h4,
.womenseuro .h4,
.womenseuro #order-total .line-item label,
#order-total .line-item .womenseuro label,
.womenseuro h5,
.womenseuro .h5,
.womenseuro h6,
.womenseuro .h6 label,
.womenseuro p,
.womenseuro a {
    font-family: "Manrope", sans-serif;
}
.uefawomans h1, .uefawomans .h1, .uefawomans h2, .uefawomans .h2, .uefawomans h3, .uefawomans a,
.womenseuro h1,
.womenseuro .h1,
.womenseuro h2,
.womenseuro .h2,
.womenseuro h3,
.womenseuro a {
    color: #000032;
}
.uefawomans #theMenuDiv,
.womenseuro #theMenuDiv {
    background-color: #000032;
}
@media screen and (min-width: 440px) {
    .uefawomans #theMenuDiv,
    .womenseuro #theMenuDiv {
        background: none;
    }
}
.uefawomans #theMenuDiv ul.nav li > a, .uefawomans #theMenuDiv ul.nav--inline li > a, .uefawomans #theMenuDiv ul.nav--stacked li > a, .uefawomans #theMenuDiv ul.nav--tabbed li > a, .uefawomans #theMenuDiv ul.nav--breadcrumb li > a, .uefawomans #theMenuDiv ul.button-group li > a,
.womenseuro #theMenuDiv ul.nav li > a,
.womenseuro #theMenuDiv ul.nav--inline li > a,
.womenseuro #theMenuDiv ul.nav--stacked li > a,
.womenseuro #theMenuDiv ul.nav--tabbed li > a,
.womenseuro #theMenuDiv ul.nav--breadcrumb li > a,
.womenseuro #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.uefawomans #theMenuDiv ul.nav ul > li > a, .uefawomans #theMenuDiv ul.nav--inline ul > li > a, .uefawomans #theMenuDiv ul.nav--stacked ul > li > a, .uefawomans #theMenuDiv ul.nav--tabbed ul > li > a, .uefawomans #theMenuDiv ul.nav--breadcrumb ul > li > a, .uefawomans #theMenuDiv ul.button-group ul > li > a,
.womenseuro #theMenuDiv ul.nav ul > li > a,
.womenseuro #theMenuDiv ul.nav--inline ul > li > a,
.womenseuro #theMenuDiv ul.nav--stacked ul > li > a,
.womenseuro #theMenuDiv ul.nav--tabbed ul > li > a,
.womenseuro #theMenuDiv ul.nav--breadcrumb ul > li > a,
.womenseuro #theMenuDiv ul.button-group ul > li > a {
    color: #ffffff;
}
@media screen and (min-width: 440px) {
    .uefawomans .booking-session,
    .womenseuro .booking-session {
        top: 13px;
    }
}
.uefawomans header.top,
.womenseuro header.top {
    background-color: #000032;
    color: #ffffff;
    height: 90px;
}
@media screen and (min-width: 440px) {
    .uefawomans header.top,
    .womenseuro header.top {
        height: 145px;
    }
}
.uefawomans header.top .logo,
.womenseuro header.top .logo {
    background-image: url(/Content/img/finalissima_womens_logo.png);
    width: 60px;
    height: 50px;
}
@media screen and (min-width: 440px) {
    .uefawomans header.top .logo,
    .womenseuro header.top .logo {
        width: 105px;
        height: 120px;
    }
}
.uefawomans header.top .booking-session,
.womenseuro header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .uefawomans header.top .booking-session,
    .womenseuro header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .uefawomans header.top .booking-session,
    .womenseuro header.top .booking-session {
        right: 235px;
    }
}
.uefawomans header.top .booking-session .description,
.womenseuro header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.uefawomans .more-menu span,
.womenseuro .more-menu span {
    background: none repeat scroll 0 0 #ffffff;
}
.uefawomans .header_basket,
.womenseuro .header_basket {
    border-color: #ffffff;
    top: 6px;
}
@media screen and (min-width: 440px) {
    .uefawomans .header_basket,
    .womenseuro .header_basket {
        top: 38px;
    }
}
@media screen and (min-width: 600px) {
    .uefawomans .header_basket,
    .womenseuro .header_basket {
        top: 25px;
    }
}
.uefawomans .header_basket .total a,
.womenseuro .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.uefawomans .header_basket .basket,
.womenseuro .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.uefawomans .header_basket .number,
.womenseuro .header_basket .number {
    background-color: #000000;
}
.uefawomans #theMenuDiv ul.nav > li > a::after, .uefawomans #theMenuDiv ul.nav--inline > li > a::after, .uefawomans #theMenuDiv ul.nav--stacked > li > a::after, .uefawomans #theMenuDiv ul.nav--tabbed > li > a::after, .uefawomans #theMenuDiv ul.nav--breadcrumb > li > a::after, .uefawomans #theMenuDiv ul.button-group > li > a::after,
.womenseuro #theMenuDiv ul.nav > li > a::after,
.womenseuro #theMenuDiv ul.nav--inline > li > a::after,
.womenseuro #theMenuDiv ul.nav--stacked > li > a::after,
.womenseuro #theMenuDiv ul.nav--tabbed > li > a::after,
.womenseuro #theMenuDiv ul.nav--breadcrumb > li > a::after,
.womenseuro #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.uefawomans .primary-btn, .uefawomans .button,
.uefawomans input[type=primary-btn],
.uefawomans input[type=submit].primary-btn, .uefawomans input[type=submit].secondary-btn,
.uefawomans .btn-primary,
.womenseuro .primary-btn,
.womenseuro .button,
.womenseuro input[type=primary-btn],
.womenseuro input[type=submit].primary-btn,
.womenseuro input[type=submit].secondary-btn,
.womenseuro .btn-primary {
    background-color: #000032;
    border-radius: 25px;
    border: none;
    color: #ffffff;
}
.uefawomans .primary-btn:hover, .uefawomans .button:hover,
.uefawomans input[type=primary-btn]:hover, .uefawomans input[type=submit].secondary-btn:hover,
.uefawomans .btn-primary:hover,
.womenseuro .primary-btn:hover,
.womenseuro .button:hover,
.womenseuro input[type=primary-btn]:hover,
.womenseuro input[type=submit].secondary-btn:hover,
.womenseuro .btn-primary:hover {
    background-color: #2d2d42;
    color: #ffffff;
}
.uefawomans .secondary-btn,
.uefawomans form input[type=submit].secondary-btn,
.uefawomans form input.secondary-btn,
.womenseuro .secondary-btn,
.womenseuro form input[type=submit].secondary-btn,
.womenseuro form input.secondary-btn {
    background: none;
    border: 1px solid #c38816;
    border-radius: 25px;
    color: #c38816;
}
.uefawomans .secondary-btn:hover,
.uefawomans form input[type=submit].secondary-btn:hover,
.uefawomans form input.secondary-btn:hover,
.womenseuro .secondary-btn:hover,
.womenseuro form input[type=submit].secondary-btn:hover,
.womenseuro form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.uefawomans button[disabled].button:hover,
.uefawomans input[type=primary-btn][disabled]:hover,
.uefawomans input[type=submit][disabled].primary-btn:hover,
.uefawomans input[type=submit][disabled].button:hover,
.uefawomans input[type=submit][disabled].secondary-btn:hover,
.womenseuro button[disabled].button:hover,
.womenseuro input[type=primary-btn][disabled]:hover,
.womenseuro input[type=submit][disabled].primary-btn:hover,
.womenseuro input[type=submit][disabled].button:hover,
.womenseuro input[type=submit][disabled].secondary-btn:hover {
    background-color: #9e9aa5;
}
.uefawomans button[disabled].button:hover,
.uefawomans input[type=secondary-btn][disabled]:hover,
.uefawomans input[type=submit][disabled].secondary-btn:hover,
.womenseuro button[disabled].button:hover,
.womenseuro input[type=secondary-btn][disabled]:hover,
.womenseuro input[type=submit][disabled].secondary-btn:hover {
    background-color: #c38816;
}
.uefawomans .login_wrapper,
.womenseuro .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.uefawomans .styled-select,
.womenseuro .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.uefawomans .fields label,
.womenseuro .fields label {
    display: block;
    margin-bottom: 5px;
}
.uefawomans .body-content .banner,
.womenseuro .body-content .banner {
    display: none;
}
.uefawomans .basket_items_wrapper h2,
.womenseuro .basket_items_wrapper h2 {
    border-color: #000000;
}
.uefawomans .basket_items_wrapper .qtyactions > input,
.womenseuro .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
.uefawomans #order-total .line-item span,
.uefawomans .line-item .price,
.womenseuro #order-total .line-item span,
.womenseuro .line-item .price {
    color: #000032;
}
.uefawomans .car_park_list .orders .order .primary-btn, .uefawomans .car_park_list .orders .order .button,
.uefawomans .car_park_list .orders .order input[type=primary-btn], .uefawomans .car_park_list .orders .order input[type=submit].secondary-btn,
.womenseuro .car_park_list .orders .order .primary-btn,
.womenseuro .car_park_list .orders .order .button,
.womenseuro .car_park_list .orders .order input[type=primary-btn],
.womenseuro .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #000032 !important;
    color: #ffffff !important;
}
.uefawomans .pending_orders_wrapper .orders .order h3,
.uefawomans .pending_orders_wrapper .orders .order h4,
.womenseuro .pending_orders_wrapper .orders .order h3,
.womenseuro .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.uefawomans .page-header,
.womenseuro .page-header {
    background-color: #000032;
}
.uefawomans .page-header h1,
.womenseuro .page-header h1 {
    color: #ffffff;
}
.uefawomans .paypal-btn,
.womenseuro .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.uefawomans #orderitems .orders .image,
.womenseuro #orderitems .orders .image {
    display: none;
}

/* ====== uefa STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
@font-face {
    font-family: Inter-ExtraBold;
    src: url("/fonts/bha/Inter-ExtraBold.woff2");
    src: url("/fonts/bha/Inter-ExtraBold.woff") format("woff"), url("/fonts/bha/Inter-ExtraBold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Inter-LightBETA;
    src: url("/fonts/bha/Inter-Light-BETA.woff2");
    src: url("/fonts/bha/Inter-Light-BETA.woff") format("woff"), url("/fonts/bha/Inter-Light-BETA.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
.brightonandhovealbion h1, .brightonandhovealbion .h1, .brightonandhovealbion h2, .brightonandhovealbion .h2, .brightonandhovealbion h3, .brightonandhovealbion .h3, .brightonandhovealbion h4, .brightonandhovealbion .h4, .brightonandhovealbion #order-total .line-item label, #order-total .line-item .brightonandhovealbion label, .brightonandhovealbion h5, .brightonandhovealbion .h5,
.bha h1,
.bha .h1,
.bha h2,
.bha .h2,
.bha h3,
.bha .h3,
.bha h4,
.bha .h4,
.bha #order-total .line-item label,
#order-total .line-item .bha label,
.bha h5,
.bha .h5 {
    font-family: Inter-ExtraBold, Arial, Helvetica Neue, Helvetica, sans-serif;
}
.brightonandhovealbion h6, .brightonandhovealbion .h6 label, .brightonandhovealbion p, .brightonandhovealbion a,
.bha h6,
.bha .h6 label,
.bha p,
.bha a {
    font-family: Inter-LightBETA, Arial, Helvetica Neue, Helvetica, sans-serif;
}
.brightonandhovealbion h1, .brightonandhovealbion .h1, .brightonandhovealbion h2, .brightonandhovealbion .h2, .brightonandhovealbion h3, .brightonandhovealbion a,
.bha h1,
.bha .h1,
.bha h2,
.bha .h2,
.bha h3,
.bha a {
    color: #0054a6;
}
.brightonandhovealbion #theMenuDiv ul.nav li > a, .brightonandhovealbion #theMenuDiv ul.nav--inline li > a, .brightonandhovealbion #theMenuDiv ul.nav--stacked li > a, .brightonandhovealbion #theMenuDiv ul.nav--tabbed li > a, .brightonandhovealbion #theMenuDiv ul.nav--breadcrumb li > a, .brightonandhovealbion #theMenuDiv ul.button-group li > a,
.bha #theMenuDiv ul.nav li > a,
.bha #theMenuDiv ul.nav--inline li > a,
.bha #theMenuDiv ul.nav--stacked li > a,
.bha #theMenuDiv ul.nav--tabbed li > a,
.bha #theMenuDiv ul.nav--breadcrumb li > a,
.bha #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.brightonandhovealbion #theMenuDiv ul.nav ul > li > a, .brightonandhovealbion #theMenuDiv ul.nav--inline ul > li > a, .brightonandhovealbion #theMenuDiv ul.nav--stacked ul > li > a, .brightonandhovealbion #theMenuDiv ul.nav--tabbed ul > li > a, .brightonandhovealbion #theMenuDiv ul.nav--breadcrumb ul > li > a, .brightonandhovealbion #theMenuDiv ul.button-group ul > li > a,
.bha #theMenuDiv ul.nav ul > li > a,
.bha #theMenuDiv ul.nav--inline ul > li > a,
.bha #theMenuDiv ul.nav--stacked ul > li > a,
.bha #theMenuDiv ul.nav--tabbed ul > li > a,
.bha #theMenuDiv ul.nav--breadcrumb ul > li > a,
.bha #theMenuDiv ul.button-group ul > li > a {
    color: #2c3256;
}
@media screen and (min-width: 440px) {
    .brightonandhovealbion .booking-session,
    .bha .booking-session {
        top: 13px;
    }
}
.brightonandhovealbion header.top,
.bha header.top {
    background-color: #0054a6;
    color: #ffffff;
    height: 90px;
}
@media screen and (min-width: 440px) {
    .brightonandhovealbion header.top,
    .bha header.top {
        height: 145px;
    }
}
.brightonandhovealbion header.top .logo,
.bha header.top .logo {
    background-image: url(/Content/img/Brighton_Hove_Albion_logo.png);
    width: 60px;
    height: 50px;
}
@media screen and (min-width: 440px) {
    .brightonandhovealbion header.top .logo,
    .bha header.top .logo {
        width: 105px;
        height: 120px;
    }
}
.brightonandhovealbion .header_basket,
.bha .header_basket {
    border-color: #ffffff;
    top: 6px;
}
.brightonandhovealbion .header_basket .total a,
.bha .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.brightonandhovealbion .header_basket .basket,
.bha .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.brightonandhovealbion .header_basket .number,
.bha .header_basket .number {
    background-color: #000000;
}
.brightonandhovealbion #theMenuDiv ul.nav > li > a::after, .brightonandhovealbion #theMenuDiv ul.nav--inline > li > a::after, .brightonandhovealbion #theMenuDiv ul.nav--stacked > li > a::after, .brightonandhovealbion #theMenuDiv ul.nav--tabbed > li > a::after, .brightonandhovealbion #theMenuDiv ul.nav--breadcrumb > li > a::after, .brightonandhovealbion #theMenuDiv ul.button-group > li > a::after,
.bha #theMenuDiv ul.nav > li > a::after,
.bha #theMenuDiv ul.nav--inline > li > a::after,
.bha #theMenuDiv ul.nav--stacked > li > a::after,
.bha #theMenuDiv ul.nav--tabbed > li > a::after,
.bha #theMenuDiv ul.nav--breadcrumb > li > a::after,
.bha #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.brightonandhovealbion .primary-btn, .brightonandhovealbion .button,
.brightonandhovealbion input[type=primary-btn],
.brightonandhovealbion input[type=submit].primary-btn, .brightonandhovealbion input[type=submit].secondary-btn,
.brightonandhovealbion .btn-primary,
.bha .primary-btn,
.bha .button,
.bha input[type=primary-btn],
.bha input[type=submit].primary-btn,
.bha input[type=submit].secondary-btn,
.bha .btn-primary {
    font-size: 16px;
    font-size: 1.1428571429rem;
    background-color: black;
    border-radius: 0;
    border: none;
    color: #ffffff;
}
.brightonandhovealbion .primary-btn:hover, .brightonandhovealbion .button:hover,
.brightonandhovealbion input[type=primary-btn]:hover, .brightonandhovealbion input[type=submit].secondary-btn:hover,
.brightonandhovealbion .btn-primary:hover,
.bha .primary-btn:hover,
.bha .button:hover,
.bha input[type=primary-btn]:hover,
.bha input[type=submit].secondary-btn:hover,
.bha .btn-primary:hover {
    background-color: #42e1ae;
    color: black;
}
.brightonandhovealbion .secondary-btn,
.brightonandhovealbion form input[type=submit].secondary-btn,
.brightonandhovealbion form input.secondary-btn,
.bha .secondary-btn,
.bha form input[type=submit].secondary-btn,
.bha form input.secondary-btn {
    font-size: 16px;
    font-size: 1.1428571429rem;
    background: #42e1ae;
    border: none;
    border-radius: 0;
    color: black;
}
.brightonandhovealbion .secondary-btn:hover,
.brightonandhovealbion form input[type=submit].secondary-btn:hover,
.brightonandhovealbion form input.secondary-btn:hover,
.bha .secondary-btn:hover,
.bha form input[type=submit].secondary-btn:hover,
.bha form input.secondary-btn:hover {
    background-color: black;
    color: #ffffff;
}
.brightonandhovealbion button[disabled].button:hover,
.brightonandhovealbion input[type=primary-btn][disabled]:hover,
.brightonandhovealbion input[type=submit][disabled].primary-btn:hover,
.brightonandhovealbion input[type=submit][disabled].button:hover,
.brightonandhovealbion input[type=submit][disabled].secondary-btn:hover,
.bha button[disabled].button:hover,
.bha input[type=primary-btn][disabled]:hover,
.bha input[type=submit][disabled].primary-btn:hover,
.bha input[type=submit][disabled].button:hover,
.bha input[type=submit][disabled].secondary-btn:hover {
    background-color: #548fc9;
}
.brightonandhovealbion button[disabled].button:hover,
.brightonandhovealbion input[type=secondary-btn][disabled]:hover,
.brightonandhovealbion input[type=submit][disabled].secondary-btn:hover,
.bha button[disabled].button:hover,
.bha input[type=secondary-btn][disabled]:hover,
.bha input[type=submit][disabled].secondary-btn:hover {
    background-color: #42e1ae;
}
.brightonandhovealbion .login_wrapper,
.bha .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.brightonandhovealbion .styled-select,
.bha .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.brightonandhovealbion .fields label,
.bha .fields label {
    display: block;
    margin-bottom: 5px;
}
.brightonandhovealbion .body-content .banner,
.bha .body-content .banner {
    display: none;
}
.brightonandhovealbion .basket_items_wrapper h2,
.bha .basket_items_wrapper h2 {
    border-color: #000000;
}
.brightonandhovealbion .basket_items_wrapper .qtyactions > input,
.bha .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
.brightonandhovealbion #order-total .line-item span,
.brightonandhovealbion .line-item .price,
.bha #order-total .line-item span,
.bha .line-item .price {
    color: #0054a6;
}
.brightonandhovealbion .car_park_list .orders .order .primary-btn, .brightonandhovealbion .car_park_list .orders .order .button,
.brightonandhovealbion .car_park_list .orders .order input[type=primary-btn], .brightonandhovealbion .car_park_list .orders .order input[type=submit].secondary-btn,
.bha .car_park_list .orders .order .primary-btn,
.bha .car_park_list .orders .order .button,
.bha .car_park_list .orders .order input[type=primary-btn],
.bha .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #0054a6 !important;
    color: black !important;
}
.brightonandhovealbion .pending_orders_wrapper .orders .order h3,
.brightonandhovealbion .pending_orders_wrapper .orders .order h4,
.bha .pending_orders_wrapper .orders .order h3,
.bha .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.brightonandhovealbion .page-header,
.bha .page-header {
    background-color: #0054a6;
}
.brightonandhovealbion .page-header h1,
.bha .page-header h1 {
    color: #ffffff;
}
.brightonandhovealbion .paypal-btn,
.bha .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}

/* ====== Wembley park STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
@font-face {
    font-family: "Hellix";
    src: url("/fonts/wembleypark/Hellix-Bold.woff") format("woff2"), url("/fonts/wembleypark/Hellix-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Hellix";
    src: url("/fonts/wembleypark/Hellix-SemiBold.woff") format("woff2"), url("/fonts/wembleypark/Hellix-SemiBold.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Hellix";
    src: url("/fonts/wembleypark/Hellix-Medium.woff") format("woff2"), url("/fonts/wembleypark/Hellix-Medium.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url("/fonts/wembleypark/WorkSans-Regular.woff") format("woff2"), url("/fonts/wembleypark/WorkSans-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
.wembleypark h1, .wembleypark .h1, .wembleypark h2, .wembleypark .h2, .wembleypark h3, .wembleypark .h3, .wembleypark h4, .wembleypark .h4, .wembleypark #order-total .line-item label, #order-total .line-item .wembleypark label, .wembleypark h5, .wembleypark .h5, .wembleypark h6, .wembleypark .h6 label, .wembleypark p, .wembleypark a {
    font-family: Hellix, Helvetica, Arial, sans-serif;
}
.wembleypark h1, .wembleypark .h1, .wembleypark h2, .wembleypark .h2, .wembleypark h3, .wembleypark a {
    color: black;
}
.wembleypark #theMenuDiv {
    background: #041c2c;
}
@media screen and (min-width: 900px) {
    .wembleypark #theMenuDiv {
        background: none;
    }
}
.wembleypark #theMenuDiv ul.nav li > a, .wembleypark #theMenuDiv ul.nav--inline li > a, .wembleypark #theMenuDiv ul.nav--stacked li > a, .wembleypark #theMenuDiv ul.nav--tabbed li > a, .wembleypark #theMenuDiv ul.nav--breadcrumb li > a, .wembleypark #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
@media screen and (min-width: 600px) {
    .wembleypark #theMenuDiv ul.nav li > a, .wembleypark #theMenuDiv ul.nav--inline li > a, .wembleypark #theMenuDiv ul.nav--stacked li > a, .wembleypark #theMenuDiv ul.nav--tabbed li > a, .wembleypark #theMenuDiv ul.nav--breadcrumb li > a, .wembleypark #theMenuDiv ul.button-group li > a {
        font-size: 20px;
        font-family: Hellix, Helvetica, Arial, sans-serif;
        font-weight: 500;
    }
}
.wembleypark #theMenuDiv ul.nav ul > li > a, .wembleypark #theMenuDiv ul.nav--inline ul > li > a, .wembleypark #theMenuDiv ul.nav--stacked ul > li > a, .wembleypark #theMenuDiv ul.nav--tabbed ul > li > a, .wembleypark #theMenuDiv ul.nav--breadcrumb ul > li > a, .wembleypark #theMenuDiv ul.button-group ul > li > a {
    color: #2c3256;
}
@media screen and (min-width: 440px) {
    .wembleypark .booking-session {
        top: 13px;
    }
}
.wembleypark header.top {
    background-color: #fc4020;
    color: #ffffff;
    height: 90px;
}
.wembleypark header.top .logo {
    background-image: url(/Content/img/wembleypark_logo.png);
    width: 120px;
    height: 50px;
    position: relative;
}
@media screen and (min-width: 440px) {
    .wembleypark header.top .logo {
        width: 150px;
        height: 60px;
    }
}
.wembleypark header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .wembleypark header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .wembleypark header.top .booking-session {
        right: 235px;
    }
}
.wembleypark header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.wembleypark .header_basket {
    border-color: #ffffff;
    top: 6px;
}
.wembleypark .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.wembleypark .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.wembleypark .header_basket .number {
    background-color: #000000;
}
.wembleypark #theMenuDiv ul.nav > li > a::after, .wembleypark #theMenuDiv ul.nav--inline > li > a::after, .wembleypark #theMenuDiv ul.nav--stacked > li > a::after, .wembleypark #theMenuDiv ul.nav--tabbed > li > a::after, .wembleypark #theMenuDiv ul.nav--breadcrumb > li > a::after, .wembleypark #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.wembleypark .primary-btn, .wembleypark .button,
.wembleypark input[type=primary-btn],
.wembleypark input[type=submit].primary-btn, .wembleypark input[type=submit].secondary-btn,
.wembleypark .btn-primary {
    background: none;
    border: 2px solid black;
    border-radius: 0;
    color: black;
}
.wembleypark .primary-btn:hover, .wembleypark .button:hover,
.wembleypark input[type=primary-btn]:hover, .wembleypark input[type=submit].secondary-btn:hover,
.wembleypark .btn-primary:hover {
    background-color: black;
    color: #ffffff;
}
.wembleypark .tertiary-btn {
    background: #fc4020;
    border: 2px solid #fc4020;
    border-radius: 0;
}
.wembleypark .gradient-path {
    display: inline-block;
    visibility: visible;
    stroke: #041c2c;
    stroke-width: 10px;
}
.wembleypark .link-lines {
    background-color: #fff;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #000;
    height: 45px;
    margin-left: 5px;
    margin-top: 0;
    border: none;
}
.wembleypark .link-lines.sold-out, .wembleypark .link-lines:hover {
    color: #fc4020;
    text-decoration: none;
}
.wembleypark .link-lines.sold-out .line svg, .wembleypark .link-lines:hover .line svg {
    stroke: #fc4020;
}
.wembleypark .link-lines > span {
    display: inline-block;
}
.wembleypark .link-lines svg {
    display: inline-block;
}
.wembleypark .link-lines .label {
    display: block;
    font-family: Worksans, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
    padding: 18px;
}
.wembleypark .link-lines .line {
    position: absolute;
}
.wembleypark .link-lines .line svg {
    stroke-width: 1px !important;
}
.wembleypark .link-lines .float-left {
    float: left;
    position: absolute;
    bottom: -5px;
    left: -5px;
}
.wembleypark .link-lines .float-right {
    float: right;
    top: -5px;
    right: 5px;
}
.wembleypark .link-lines .gradient-path {
    display: inline-block;
    visibility: visible;
    stroke: #041c2c;
    stroke-width: 10px;
}
.wembleypark .secondary-btn,
.wembleypark form input[type=submit].secondary-btn,
.wembleypark form input.secondary-btn {
    background: none;
    border: 1px solid #041c2c;
    border-radius: 25px;
    color: #041c2c;
}
.wembleypark .secondary-btn:hover,
.wembleypark form input[type=submit].secondary-btn:hover,
.wembleypark form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.wembleypark button[disabled].button:hover,
.wembleypark input[type=primary-btn][disabled]:hover,
.wembleypark input[type=submit][disabled].primary-btn:hover,
.wembleypark input[type=submit][disabled].button:hover,
.wembleypark input[type=submit][disabled].secondary-btn:hover {
    background-color: #041c2c;
}
.wembleypark button[disabled].button:hover,
.wembleypark input[type=secondary-btn][disabled]:hover,
.wembleypark input[type=submit][disabled].secondary-btn:hover {
    background-color: #041c2c;
}
.wembleypark .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: none;
}
.wembleypark .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.wembleypark .fields label {
    display: block;
    margin-bottom: 5px;
}
.wembleypark .banner {
    background-size: cover;
    align-items: end;
    background-image: url(/Content/img/wembley_banner.jpg);
    min-height: 280px;
}
@media screen and (min-width: 600px) {
    .wembleypark .banner {
        min-height: 300px;
    }
}
@media screen and (min-width: 768px) {
    .wembleypark .banner {
        min-height: 380px;
    }
}
.wembleypark .banner .banner_inner {
    justify-content: flex-start;
}
.wembleypark .banner h1 {
    display: block;
    font-size: 34px;
    font-weight: 500;
    color: black;
    margin: 0;
    line-height: 1.2;
    text-align: center;
    padding: 0;
}
@media screen and (min-width: 600px) {
    .wembleypark .banner h1 {
        font-size: 45px;
    }
}
@media screen and (min-width: 900px) {
    .wembleypark .banner h1 {
        font-size: 55px;
        text-align: left;
    }
}
@media screen and (min-width: 900px) {
    .wembleypark .banner h1 {
        font-size: 70px;
        text-align: left;
    }
}
.wembleypark .banner .banner_inner {
    background: white;
    max-width: 1024px;
    margin: 0;
}
@media screen and (min-width: 768px) {
    .wembleypark .banner .banner_inner {
        padding: 30px;
    }
}
.wembleypark .basket_items_wrapper h2 {
    border-color: #000000;
}
.wembleypark .basket_items_wrapper .qtyactions > input {
    background-color: #000000;
}
.wembleypark #order-total .line-item span,
.wembleypark .line-item .price {
    color: #fc4020;
}
.wembleypark .car_park_list .orders .order .primary-btn, .wembleypark .car_park_list .orders .order .button,
.wembleypark .car_park_list .orders .order input[type=primary-btn], .wembleypark .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #fc4020 !important;
    color: #ffffff !important;
}
.wembleypark .pending_orders_wrapper .orders .order {
    min-height: 380px;
}
.wembleypark .pending_orders_wrapper .orders .order h3, .wembleypark .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.wembleypark .pending_orders_wrapper .orders .order .details {
    font-size: 16px;
    font-family: Hellix, Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.wembleypark .pending_orders_wrapper .orders .order .details .date {
    color: #fc4020;
}
.wembleypark .pending_orders_wrapper .orders .order .actions {
    left: 0;
    padding: 0 20px 0 20px;
    width: 100%;
}
.wembleypark .pending_orders_wrapper .orders .order .actions__inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.wembleypark .pending_orders_wrapper .orders .order .actions__inner:before {
    display: none;
}
.wembleypark .pending_orders_wrapper .orders .order .actions__cta {
    display: block;
    width: 30%;
}
.wembleypark .page-header {
    background-color: #fc4020;
}
.wembleypark .page-header h1 {
    color: #ffffff;
}
.wembleypark .events_wrapper .page-header {
    background-image: url(/Content/img/wembley_events.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    justify-content: flex-start;
    align-items: end;
    padding: 0;
}
.wembleypark .events_wrapper .page-header__content {
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background: white;
    max-width: 1024px;
    margin: 0;
}
@media screen and (min-width: 768px) {
    .wembleypark .events_wrapper .page-header__content {
        justify-content: flex-start;
        padding: 30px;
    }
}
.wembleypark .events_wrapper .page-header h1 {
    display: block;
    font-size: 36px;
    font-weight: 500;
    color: black;
    margin: 0;
    line-height: 1.2;
    text-align: center;
    padding: 0;
}
@media screen and (min-width: 600px) {
    .wembleypark .events_wrapper .page-header h1 {
        text-align: left;
        font-size: 50px;
    }
}
@media screen and (min-width: 900px) {
    .wembleypark .events_wrapper .page-header h1 {
        font-size: 80px;
        text-align: left;
    }
}
.wembleypark .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.wembleypark #orderitems .orders .image {
    display: none;
}
.wembleypark .notification {
    background: #041c2c;
    color: white;
}
.wembleypark .notification.alert {
    background: #fc4020;
}
.wembleypark .notification a, .wembleypark .notification p {
    color: white;
}
.wembleypark .notification a {
    text-decoration: underline;
}
.wembleypark .notification p:before {
    background-image: url(./img/alert_white.png);
}
.wembleypark .more-menu span {
    background: #ffffff;
}
@media screen and (min-width: 600px) {
    .wembleypark .next-btn {
        font-size: 20px;
        float: right;
        width: auto;
    }
}

.mkdons .notification {
    background-color: #fc4020;
}

/* ====== BBC STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff) format("woff");
    font-display: swap;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_It.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_It.woff) format("woff");
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Bd.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Bd.woff) format("woff");
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_BdIt.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_BdIt.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Lt.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Lt.woff) format("woff");
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_LtIt.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_LtIt.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_ExBd.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_ExBd.woff) format("woff");
    font-display: swap;
    font-weight: 800;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_ExBdIt.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_ExBdIt.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 800;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Md.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Md.woff) format("woff");
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: "ReithSans";
    src: url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_MdIt.woff2) format("woff2"), url(https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_MdIt.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 500;
}
.bbc {
    background: #141414;
}
.bbc h1, .bbc .h1, .bbc h2, .bbc .h2, .bbc h3, .bbc .h3, .bbc h4, .bbc .h4, .bbc #order-total .line-item label, #order-total .line-item .bbc label, .bbc h5, .bbc .h5, .bbc h6, .bbc p, .bbc a {
    font-family: ReithSans, Helvetica, Arial, freesans, sans-serif;
    color: white;
}
.bbc #order-total .line-item label {
    color: black;
}
.bbc p > a {
    color: #ff881d;
}
.bbc .centered {
    padding: 0 10px 0 10px;
}
@media screen and (min-width: 900px) {
    .bbc .centered {
        padding: 0 20px 0 20px;
    }
}
.bbc #theMenuDiv {
    background-color: #ff881d;
}
@media screen and (min-width: 440px) {
    .bbc #theMenuDiv {
        background: none;
    }
}
.bbc #theMenuDiv ul.nav li > a, .bbc #theMenuDiv ul.nav--inline li > a, .bbc #theMenuDiv ul.nav--stacked li > a, .bbc #theMenuDiv ul.nav--tabbed li > a, .bbc #theMenuDiv ul.nav--breadcrumb li > a, .bbc #theMenuDiv ul.button-group li > a {
    color: #ffffff;
}
.bbc #theMenuDiv ul.nav ul > li > a, .bbc #theMenuDiv ul.nav--inline ul > li > a, .bbc #theMenuDiv ul.nav--stacked ul > li > a, .bbc #theMenuDiv ul.nav--tabbed ul > li > a, .bbc #theMenuDiv ul.nav--breadcrumb ul > li > a, .bbc #theMenuDiv ul.button-group ul > li > a {
    color: #ffffff;
}
@media screen and (min-width: 440px) {
    .bbc .booking-session {
        top: 13px;
    }
}
.bbc header.top {
    background-color: black;
    color: #ffffff;
    height: 90px;
}
@media screen and (min-width: 440px) {
    .bbc header.top {
        height: 145px;
    }
}
.bbc header.top .logo {
    background-image: url(/Content/img/BBC_Radio2_InthePark_Logo_Stacked_White.png);
    width: 60px;
    height: 50px;
}
.bbc header.top .logo svg {
    fill: white;
}
@media screen and (min-width: 440px) {
    .bbc header.top .logo {
        width: 105px;
        height: 105px;
    }
}
.bbc header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .bbc header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .bbc header.top .booking-session {
        right: 235px;
    }
}
.bbc header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.bbc .more-menu span {
    background: none repeat scroll 0 0 #ffffff;
}
.bbc .header_basket {
    background-color: #273132;
    border-color: #ff881d;
    top: 6px;
}
.bbc .header_basket:hover {
    background: none;
}
@media screen and (min-width: 440px) {
    .bbc .header_basket {
        top: 38px;
    }
}
@media screen and (min-width: 600px) {
    .bbc .header_basket {
        top: 25px;
    }
}
.bbc .header_basket .total a {
    border-color: #ffffff;
    color: #ffffff;
}
.bbc .header_basket .basket {
    background-image: url(/Content/img/basket_white_icon.png);
}
.bbc .header_basket .number {
    background-color: #000000;
}
.bbc #theMenuDiv ul.nav > li > a::after, .bbc #theMenuDiv ul.nav--inline > li > a::after, .bbc #theMenuDiv ul.nav--stacked > li > a::after, .bbc #theMenuDiv ul.nav--tabbed > li > a::after, .bbc #theMenuDiv ul.nav--breadcrumb > li > a::after, .bbc #theMenuDiv ul.button-group > li > a::after {
    background-color: #ffffff;
}
.bbc .primary-btn, .bbc .button,
.bbc input[type=primary-btn],
.bbc input[type=submit].primary-btn, .bbc input[type=submit].secondary-btn,
.bbc .btn-primary {
    background-color: #ff881d;
    border-radius: 0;
    border: none;
    color: #ffffff;
}
.bbc .primary-btn:hover, .bbc .button:hover,
.bbc input[type=primary-btn]:hover, .bbc input[type=submit].secondary-btn:hover,
.bbc .btn-primary:hover {
    background-color: #141414;
    color: #ffffff;
}
.bbc .secondary-btn,
.bbc form input[type=submit].secondary-btn,
.bbc form input.secondary-btn {
    background: #ff881d;
    border: none;
    border-radius: 0;
    color: white;
}
.bbc .secondary-btn:hover,
.bbc form input[type=submit].secondary-btn:hover,
.bbc form input.secondary-btn:hover {
    background-color: #acacac;
    color: #ffffff;
}
.bbc button[disabled].button:hover,
.bbc input[type=primary-btn][disabled]:hover,
.bbc input[type=submit][disabled].primary-btn:hover,
.bbc input[type=submit][disabled].button:hover,
.bbc input[type=submit][disabled].secondary-btn:hover {
    background-color: #141414;
}
.bbc button[disabled].button:hover,
.bbc input[type=secondary-btn][disabled]:hover,
.bbc input[type=submit][disabled].secondary-btn:hover {
    background-color: #041c2c;
}
.bbc .login_wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1188e5+0,239BF8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #fbfbfb 0%, #F2F2F2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fbfbfb", endColorstr="#F2F2F2",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.bbc .styled-select {
    background-color: #fafbfc;
    border-radius: 6px;
    border: 1px solid rgba(29, 54, 75, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bbc .fields label {
    display: block;
    margin-bottom: 5px;
}
.bbc .body-content .banner {
    display: none;
}
.bbc .basket_items_wrapper h2 {
    border-color: #000000;
}
.bbc .basket_items_wrapper .qtyactions > input {
    color: #000000;
    background-color: white;
}
.bbc #order-total .line-item span,
.bbc .line-item .price {
    color: #ff881d;
}
.bbc .car_park_list .orders .order .primary-btn, .bbc .car_park_list .orders .order .button,
.bbc .car_park_list .orders .order input[type=primary-btn], .bbc .car_park_list .orders .order input[type=submit].secondary-btn {
    background-color: #ff881d !important;
    color: #ffffff !important;
}
.bbc .pending_orders_wrapper .orders .order {
    border-radius: 0;
}
.bbc .pending_orders_wrapper .orders .order h3,
.bbc .pending_orders_wrapper .orders .order h4 {
    margin-bottom: 13px;
}
.bbc .pending_orders_wrapper .orders .order h2, .bbc .pending_orders_wrapper .orders .order h3, .bbc .pending_orders_wrapper .orders .order h4, .bbc .pending_orders_wrapper .orders .order h5, .bbc .pending_orders_wrapper .orders .order a, .bbc .pending_orders_wrapper .orders .order p {
    color: black;
}
.bbc .pending_orders_wrapper .orders .order .primary-btn, .bbc .pending_orders_wrapper .orders .order .button,
.bbc .pending_orders_wrapper .orders .order input[type=primary-btn], .bbc .pending_orders_wrapper .orders .order input[type=submit].secondary-btn {
    color: white;
}
.bbc .page-header {
    background-color: #3fb494;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bbc .page-header h1 {
    color: #ffffff;
}
.bbc .park-live-logo {
    max-width: 174px;
    margin: auto;
    margin-top: 0;
    width: 100%;
}
@media screen and (min-width: 900px) {
    .bbc .park-live-logo {
        float: right;
    }
}
.bbc .paypal-btn {
    background: #ffc439;
    border-color: #ffc439;
}
.bbc #orderitems .orders .image {
    display: none;
}
.bbc footer.bottom {
    border-top: 1px solid #666;
    background: black;
    color: white;
}
.bbc footer.bottom p, .bbc footer.bottom a {
    color: white;
}
.bbc .notification.alert {
    background-color: #273132;
    font-size: 16px;
}
.bbc .basket_items_wrapper #divaddbasketitems {
    background-color: #273132;
    padding: 10px;
    color: white;
}
@media screen and (min-width: 900px) {
    .bbc .basket_items_wrapper #divaddbasketitems {
        padding: 20px;
    }
}
.bbc .basket_items_wrapper #divaddbasketitems a.primary-btn, .bbc .basket_items_wrapper #divaddbasketitems a.button {
    background: #ff881d;
}
.bbc .car_details__line {
    color: black;
}
.bbc .basket_holder h2, .bbc .basket_holder h3, .bbc .basket_holder h4, .bbc .basket_holder h5, .bbc .basket_holder p, .bbc .basket_holder .actions a {
    color: black;
}
.bbc .basket_holder a.primary-btn, .bbc .basket_holder a.button {
    color: white;
}
.bbc .payment_details {
    background-color: #ffffff;
    padding: 2em 2em 2em 2em;
}
.bbc .payment_details h2, .bbc .payment_details h3, .bbc .payment_details h4, .bbc .payment_details h5, .bbc .payment_details p, .bbc .payment_details .actions a {
    color: black;
}
.bbc .payment_details .primary-btn, .bbc .payment_details .button,
.bbc .payment_details input[type=primary-btn], .bbc .payment_details input[type=submit].secondary-btn {
    color: white;
}
.bbc #order-total .line-item label {
    color: black;
}
.bbc .events__inner .event__title {
    display: none;
}
.bbc .terms a {
    color: #ff881d;
}
.bbc .cms_wrapper.content.page h1, .bbc .cms_wrapper.content.page .h1, .bbc .cms_wrapper.content.page h2, .bbc .cms_wrapper.content.page .h2, .bbc .cms_wrapper.content.page h3, .bbc .cms_wrapper.content.page .h3, .bbc .cms_wrapper.content.page h4, .bbc .cms_wrapper.content.page .h4, .bbc .cms_wrapper.content.page #order-total .line-item label, #order-total .line-item .bbc .cms_wrapper.content.page label, .bbc .cms_wrapper.content.page h5, .bbc .cms_wrapper.content.page .h5, .bbc .cms_wrapper.content.page h6, .bbc .cms_wrapper.content.page p {
    color: black;
}
.bbc .cms_wrapper.content.page a {
    color: #ff881d;
}
.bbc .orders .divdisplayinfo a {
    color: #ff881d !important;
}
.bbc .carpark__inner {
    margin-top: 2em;
}
.bbc .basket_items .basket_items_inner {
    background-color: #ffffff;
    padding: 3em 2em 2em 2em;
}

.bbc-rpz {
    background-color: #fff;
}
.bbc-rpz h1, .bbc-rpz h5, .bbc-rpz p, .bbc-rpz a {
    color: black;
}
.bbc-rpz h1 {
    font-size: 22px;
}
@media screen and (min-width: 768px) {
    .bbc-rpz h1 {
        font-size: 32px;
    }
}
.bbc-rpz .body-content a {
    color: #0e4890;
}
.bbc-rpz .body-content ul {
    margin: 10px 0 20px 20px;
}
.bbc-rpz .body-content ul li {
    padding-bottom: 5px;
}
.bbc-rpz #theMenuDiv ul.nav > li > a, .bbc-rpz #theMenuDiv ul.nav--inline > li > a, .bbc-rpz #theMenuDiv ul.nav--stacked > li > a, .bbc-rpz #theMenuDiv ul.nav--tabbed > li > a, .bbc-rpz #theMenuDiv ul.nav--breadcrumb > li > a, .bbc-rpz #theMenuDiv ul.button-group > li > a {
    color: #000;
}
.bbc-rpz header.top {
    background-color: #fff;
    border-bottom: 3px solid #0e4890;
    height: 90px;
}
@media screen and (min-width: 440px) {
    .bbc-rpz header.top {
        height: 145px;
    }
}
.bbc-rpz header.top .booking-session {
    display: none;
}
.bbc-rpz header.top .logo {
    background-image: url(/Content/img/bbc-preston-logo.png);
    width: 60px;
    height: 50px;
}
.bbc-rpz header.top .logo svg {
    fill: white;
}
@media screen and (min-width: 440px) {
    .bbc-rpz header.top .logo {
        width: 226px;
        height: 117px;
    }
}
.bbc-rpz .header_basket {
    display: none;
    background-color: white;
    border-color: #0e4890;
    top: 6px;
}
@media screen and (min-width: 440px) {
    .bbc-rpz .header_basket {
        top: 38px;
    }
}
@media screen and (min-width: 600px) {
    .bbc-rpz .header_basket {
        top: 25px;
    }
}
.bbc-rpz .header_basket .total a {
    color: #000;
}
.bbc-rpz .header_basket .basket {
    background-image: url(img/basket.png);
}
.bbc-rpz .header_basket .number {
    background-color: #000;
}
.bbc-rpz .primary-btn, .bbc-rpz .button,
.bbc-rpz input[type=primary-btn],
.bbc-rpz input[type=submit].primary-btn, .bbc-rpz input[type=submit].secondary-btn,
.bbc-rpz .btn-primary {
    background-color: #0e4890;
    border-radius: 0;
    border: none;
    color: #ffffff;
}
.bbc-rpz .primary-btn:hover, .bbc-rpz .button:hover,
.bbc-rpz input[type=primary-btn]:hover, .bbc-rpz input[type=submit].secondary-btn:hover,
.bbc-rpz .btn-primary:hover {
    opacity: 0.8;
}
.bbc-rpz footer.bottom {
    background-color: #fff;
    border-top: 5px solid #0e4890;
    color: black;
    margin-top: 20px;
}
.bbc-rpz footer.bottom h5, .bbc-rpz footer.bottom a {
    color: black;
}
.bbc-rpz .application {
    border-top: 2px solid black;
    padding-top: 20px;
    border-bottom: 2px solid black;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* ====== bbc-luton STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.bbc-luton header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .bbc-luton header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .bbc-luton header.top {
        height: 120px;
    }
}
.bbc-luton header.top .logo {
    background-image: url(/Content/img/bbc-luton-logo.png);
    width: 75px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .bbc-luton header.top .logo {
        width: 95px;
        height: 45px;
    }
}
@media screen and (min-width: 600px) {
    .bbc-luton header.top .logo {
        width: 115px;
        height: 95px;
    }
}
.bbc-luton header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .bbc-luton header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .bbc-luton header.top .booking-session {
        right: 235px;
    }
}
.bbc-luton header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.bbc-luton .header_basket {
    top: 4px;
}
@media screen and (min-width: 900px) {
    .bbc-luton .header_basket {
        top: 20px;
    }
}

/* ====== bbc-luton STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.kasabian header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .kasabian header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .kasabian header.top {
        height: 120px;
    }
}
.kasabian header.top .logo {
    background-image: url(/Content/img/kasabian-logo.png);
    width: 75px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .kasabian header.top .logo {
        width: 95px;
        height: 45px;
    }
}
@media screen and (min-width: 600px) {
    .kasabian header.top .logo {
        width: 115px;
        height: 95px;
    }
}
.kasabian header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .kasabian header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .kasabian header.top .booking-session {
        right: 235px;
    }
}
.kasabian header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.kasabian .header_basket {
    top: 4px;
}
@media screen and (min-width: 900px) {
    .kasabian .header_basket {
        top: 20px;
    }
}

/* ====== bbc-luton STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.arsenal h1, .arsenal .h1, .arsenal h2, .arsenal .h2, .arsenal h3, .arsenal h4 {
    color: #000000;
}
.arsenal .primary-btn, .arsenal .button,
.arsenal input[type=primary-btn],
.arsenal input[type=submit].primary-btn, .arsenal input[type=submit].secondary-btn, .arsenal .btn-primary {
    background-color: #e3060d;
    border-color: #e3060d;
    border-radius: 24px;
    color: #ffffff;
}
.arsenal .primary-btn:hover, .arsenal .button:hover,
.arsenal input[type=primary-btn]:hover, .arsenal input[type=submit].secondary-btn:hover, .arsenal .btn-primary:hover {
    background-color: #b00;
    color: #ffffff;
}
.arsenal .secondary-btn, .arsenal form input[type=submit].secondary-btn, .arsenal form input.secondary-btn {
    border-color: #e3060d;
    color: #000000;
}
.arsenal .secondary-btn:hover, .arsenal form input[type=submit].secondary-btn:hover, .arsenal form input.secondary-btn:hover {
    background-color: #e3060d;
    color: #ffffff;
}
.arsenal header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .arsenal header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .arsenal header.top {
        height: 120px;
    }
}
.arsenal header.top .logo {
    background-image: url(/Content/img/arsenal-logo.png);
    width: 75px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .arsenal header.top .logo {
        width: 95px;
        height: 45px;
    }
}
@media screen and (min-width: 600px) {
    .arsenal header.top .logo {
        width: 115px;
        height: 95px;
    }
}
.arsenal header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .arsenal header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .arsenal header.top .booking-session {
        right: 235px;
    }
}
.arsenal header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.arsenal .header_basket {
    top: 4px;
}
@media screen and (min-width: 900px) {
    .arsenal .header_basket {
        top: 20px;
    }
}
.arsenal .header_basket .number {
    background-color: #e3060d;
}
.arsenal .basket_items_wrapper .qtyactions > input {
    background-color: #e3060d;
}
.arsenal .line-item .price, .arsenal #order-total .line-item span {
    color: #000000;
}
.arsenal .page-header {
    background-color: #e3060d;
}
.arsenal .page-header h1 {
    color: #ffffff;
}
.arsenal footer {
    background: #151925;
    color: white;
}
.arsenal footer a, .arsenal footer h5 {
    color: white;
}
.arsenal .login_wrapper {
    background: none;
}
.arsenal .login_wrapper .secondary-btn,
.arsenal .login_wrapper form input[type=submit].secondary-btn,
.arsenal .login_wrapper form input.secondary-btn {
    background-color: #e3060d !important;
    color: white !important;
}

/* ====== NEWCASTLE STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.newcastle h1, .newcastle .h1, .newcastle h2, .newcastle .h2, .newcastle .h3, .newcastle h3, .newcastle .h4, .newcastle #order-total .line-item label, #order-total .line-item .newcastle label, .newcastle h4, .newcastle .h5, .newcastle h5 {
    color: #000000;
}
.newcastle .primary-btn, .newcastle .button,
.newcastle input[type=primary-btn],
.newcastle input[type=submit].primary-btn, .newcastle input[type=submit].secondary-btn, .newcastle .btn-primary {
    background-color: var(--newcastle-primary);
    border-color: var(--newcastle-primary);
    border-radius: 24px;
    color: #ffffff;
}
.newcastle .primary-btn:hover, .newcastle .button:hover,
.newcastle input[type=primary-btn]:hover, .newcastle input[type=submit].secondary-btn:hover, .newcastle .btn-primary:hover {
    background-color: var(--newcastle-primary-600);
    color: #ffffff;
}
.newcastle .secondary-btn, .newcastle form input[type=submit].secondary-btn, .newcastle form input.secondary-btn {
    background-color: var(--newcastle-secondary);
    border-color: var(--newcastle-secondary);
    color: #000000;
    border-radius: 24px;
}
.newcastle .secondary-btn:hover, .newcastle form input[type=submit].secondary-btn:hover, .newcastle form input.secondary-btn:hover {
    background-color: var(--newcastle);
    color: #ffffff;
}
.newcastle #theMenuDiv ul.nav > li > a, .newcastle #theMenuDiv ul.nav--inline > li > a, .newcastle #theMenuDiv ul.nav--stacked > li > a, .newcastle #theMenuDiv ul.nav--tabbed > li > a, .newcastle #theMenuDiv ul.nav--breadcrumb > li > a, .newcastle #theMenuDiv ul.button-group > li > a {
    color: var(--newcastle);
}
.newcastle header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .newcastle header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .newcastle header.top {
        height: 120px;
    }
}
.newcastle header.top .logo {
    background-image: url(/Content/img/newcastle-logo.png);
    width: 75px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .newcastle header.top .logo {
        width: 95px;
        height: 45px;
    }
}
@media screen and (min-width: 600px) {
    .newcastle header.top .logo {
        width: 115px;
        height: 95px;
    }
}
.newcastle header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .newcastle header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .newcastle header.top .booking-session {
        right: 235px;
    }
}
.newcastle header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.newcastle .header_basket {
    border-color: var(--newcastle);
    top: 4px;
}
@media screen and (min-width: 900px) {
    .newcastle .header_basket {
        top: 20px;
    }
}
.newcastle .header_basket .number {
    background-color: var(--newcastle);
}
.newcastle .basket_items_wrapper .qtyactions > input {
    background-color: var(--newcastle);
}
.newcastle .basket_items_wrapper .car_details input {
    padding: 10px 20px !important;
}
.newcastle .line-item .price, .newcastle #order-total .line-item span {
    color: #000000;
}
.newcastle .page-header {
    background-color: var(--newcastle);
}
.newcastle .page-header h1 {
    color: #ffffff;
}
.newcastle footer {
    background: var(--newcastle);
    color: white;
}
.newcastle footer a, .newcastle footer h5 {
    color: white;
}
.newcastle .login_wrapper {
    background: none;
}
.newcastle .login_wrapper .secondary-btn,
.newcastle .login_wrapper form input[type=submit].secondary-btn,
.newcastle .login_wrapper form input.secondary-btn {
    background-color: var(--newcastle) !important;
    color: white !important;
    border-radius: 24px;
}

/* ====== rwc2025 STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
@font-face {
    font-family: "rwc";
    src: url("/fonts/rwc/RWC Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "rwc";
    src: url("/fonts/rwc/RWC Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
.rwc2025 {
    font-family: var(--rwc2025-base-font-family);
}
.rwc2025 h1, .rwc2025 .h1, .rwc2025 h2, .rwc2025 .h2, .rwc2025 .h3, .rwc2025 h3, .rwc2025 .h4, .rwc2025 #order-total .line-item label, #order-total .line-item .rwc2025 label, .rwc2025 h4, .rwc2025 .h5, .rwc2025 h5 {
    color: var(--rwc2025-primary-600);
    font-family: var(--rwc2025-hn-font-family);
}
@media screen and (min-width: 900px) {
    .rwc2025 h1, .rwc2025 .h1 {
        font-size: 32px;
    }
}
.rwc2025 h1, .rwc2025 .h1, .rwc2025 h2, .rwc2025 .h2, .rwc2025 .h3, .rwc2025 h3 {
    font-weight: bold;
}
.rwc2025 .h4, .rwc2025 #order-total .line-item label, #order-total .line-item .rwc2025 label, .rwc2025 h4, .rwc2025 .h5, .rwc2025 h5 {
    font-weight: normal;
}
.rwc2025 .event_selection {
    display: none;
}
.rwc2025 .primary-btn, .rwc2025 .button,
.rwc2025 input[type=primary-btn],
.rwc2025 input[type=submit].primary-btn, .rwc2025 input[type=submit].secondary-btn, .rwc2025 .btn-primary {
    background-color: var(--rwc2025-primary);
    border-color: var(--rwc2025-primary);
    border-radius: 0.8rem;
    color: #ffffff;
}
.rwc2025 .primary-btn:hover, .rwc2025 .button:hover,
.rwc2025 input[type=primary-btn]:hover, .rwc2025 input[type=submit].secondary-btn:hover, .rwc2025 .btn-primary:hover {
    background-color: var(--rwc2025-primary-600);
    color: #ffffff;
}
.rwc2025 .secondary-btn, .rwc2025 form input[type=submit].secondary-btn, .rwc2025 form input.secondary-btn {
    background-color: var(--rwc2025-secondary);
    border-color: var(--rwc2025-secondary);
    color: #ffffff;
    border-radius: 0.8rem;
}
.rwc2025 .secondary-btn:hover, .rwc2025 form input[type=submit].secondary-btn:hover, .rwc2025 form input.secondary-btn:hover {
    background-color: var(--rwc2025-secondary-600);
    color: #ffffff;
}
.rwc2025 #theMenuDiv ul.nav > li > a, .rwc2025 #theMenuDiv ul.nav--inline > li > a, .rwc2025 #theMenuDiv ul.nav--stacked > li > a, .rwc2025 #theMenuDiv ul.nav--tabbed > li > a, .rwc2025 #theMenuDiv ul.nav--breadcrumb > li > a, .rwc2025 #theMenuDiv ul.button-group > li > a {
    color: var(--rwc2025);
}
.rwc2025 header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .rwc2025 header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .rwc2025 header.top {
        height: 120px;
    }
}
.rwc2025 header.top .logo {
    background-image: url(/Content/img/RWC2025_LOOP_MOTION_4SEC_GOLD_HD-1-.gif);
    width: 115px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .rwc2025 header.top .logo {
        width: 135px;
        height: 60px;
    }
}
@media screen and (min-width: 600px) {
    .rwc2025 header.top .logo {
        width: 175px;
        height: 95px;
    }
}
.rwc2025 header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .rwc2025 header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .rwc2025 header.top .booking-session {
        right: 235px;
    }
}
.rwc2025 header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.rwc2025 .header_basket {
    border-color: var(--rwc2025-secondary);
    top: 4px;
}
@media screen and (min-width: 900px) {
    .rwc2025 .header_basket {
        top: 20px;
    }
}
.rwc2025 .header_basket .number {
    background-color: var(--rwc2025-secondary);
}
.rwc2025 .basket_items_wrapper .qtyactions > input {
    background-color: var(--rwc2025-primary-600);
}
.rwc2025 .basket_items_wrapper .car_details input {
    padding: 10px 20px !important;
}
.rwc2025 .line-item .price, .rwc2025 #order-total .line-item span {
    color: #000000;
}
.rwc2025 .banner .banner_inner h1 {
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 600px) {
    .rwc2025 .banner .banner_inner h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
@media screen and (min-width: 900px) {
    .rwc2025 .banner .banner_inner h1 {
        font-size: 42px;
        font-size: 3rem;
    }
}
.rwc2025 .page-header {
    background-color: var(--rwc2025-secondary);
    background-image: url(/Content/img/RWC_PageTitle_Large_Hibiscus.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.rwc2025 .page-header h1 {
    color: #ffffff;
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 600px) {
    .rwc2025 .page-header h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
@media screen and (min-width: 900px) {
    .rwc2025 .page-header h1 {
        font-size: 34px;
    }
}
.rwc2025 footer {
    background: var(--rwc2025);
    color: white;
}
.rwc2025 footer a, .rwc2025 footer h5 {
    color: white;
}
.rwc2025 .login_wrapper {
    background: none;
}
.rwc2025 .login_wrapper .secondary-btn,
.rwc2025 .login_wrapper form input[type=submit].secondary-btn,
.rwc2025 .login_wrapper form input.secondary-btn {
    background-color: var(--rwc2025) !important;
    color: white !important;
    border-radius: 24px;
}
.rwc2025 .pending_orders_wrapper .orders .order h3, .rwc2025 .pending_orders_wrapper .orders .order h4 {
    color: #000000;
}
@media screen and (min-width: 768px) {
    .rwc2025 .carpark__inner,
    .rwc2025 .events__inner {
        padding-top: 3em;
    }
}
.rwc2025 #order-total .line-item.subtotal label {
    font-size: 16px;
    font-family: var(--rwc2025-base-font-family);
    color: var(--rwc2025);
}

/* ====== reading-festival STYLES ====== */
/* ======
BASE STYLES
    - TYPOGRAPHY STYLES
    - HEADER
====== */
/* ==========================================================================
$	TYPOGRAPHY STYLES
========================================================================== */
.reading-festival {
    font-family: var(--reading-festival);
}
.reading-festival h1, .reading-festival .h1, .reading-festival h2, .reading-festival .h2, .reading-festival .h3, .reading-festival h3, .reading-festival .h4, .reading-festival #order-total .line-item label, #order-total .line-item .reading-festival label, .reading-festival h4, .reading-festival .h5, .reading-festival h5 {
    color: var(--reading-festival);
    font-family: var(--reading-festival-hn-font-family);
}
.reading-festival h1, .reading-festival .h1, .reading-festival h2, .reading-festival .h2, .reading-festival .h3, .reading-festival h3 {
    font-weight: bold;
}
.reading-festival .h4, .reading-festival #order-total .line-item label, #order-total .line-item .reading-festival label, .reading-festival h4, .reading-festival .h5, .reading-festival h5 {
    font-weight: normal;
}
.reading-festival .event_selection {
    display: none;
}
.reading-festival .primary-btn, .reading-festival .button,
.reading-festival input[type=primary-btn],
.reading-festival input[type=submit].primary-btn, .reading-festival input[type=submit].secondary-btn, .reading-festival .btn-primary {
    background-color: var(--reading-festival-primary);
    border-color: var(--reading-festival-primary);
    border-radius: 0;
    color: #ffffff;
}
.reading-festival .primary-btn:hover, .reading-festival .button:hover,
.reading-festival input[type=primary-btn]:hover, .reading-festival input[type=submit].secondary-btn:hover, .reading-festival .btn-primary:hover {
    background-color: var(--reading-festival-primary-600);
    color: #ffffff;
}
.reading-festival .secondary-btn, .reading-festival form input[type=submit].secondary-btn, .reading-festival form input.secondary-btn {
    background: none;
    border-color: var(--reading-festival-primary);
    color: var(--reading-festival-primary);
    border-radius: 0;
}
.reading-festival .secondary-btn:hover, .reading-festival form input[type=submit].secondary-btn:hover, .reading-festival form input.secondary-btn:hover {
    background-color: var(--reading-festival-secondary-600);
    color: #ffffff;
}
.reading-festival #theMenuDiv ul.nav > li > a, .reading-festival #theMenuDiv ul.nav--inline > li > a, .reading-festival #theMenuDiv ul.nav--stacked > li > a, .reading-festival #theMenuDiv ul.nav--tabbed > li > a, .reading-festival #theMenuDiv ul.nav--breadcrumb > li > a, .reading-festival #theMenuDiv ul.button-group > li > a {
    color: var(--reading-festival);
}
.reading-festival header.top {
    height: 85px;
}
@media screen and (min-width: 440px) {
    .reading-festival header.top {
        height: 100px;
    }
}
@media screen and (min-width: 600px) {
    .reading-festival header.top {
        height: 120px;
    }
}
.reading-festival header.top .logo {
    background-image: url(/Content/img/rsp-reading-primary-logo.png);
    width: 75px;
    height: 55px;
}
@media screen and (min-width: 440px) {
    .reading-festival header.top .logo {
        width: 95px;
        height: 45px;
    }
}
@media screen and (min-width: 600px) {
    .reading-festival header.top .logo {
        width: 115px;
        height: 95px;
    }
}
.reading-festival header.top .booking-session {
    display: none;
}
@media screen and (min-width: 640px) {
    .reading-festival header.top .booking-session {
        display: none;
        top: 60px;
        right: 235px;
    }
}
@media screen and (min-width: 900px) {
    .reading-festival header.top .booking-session {
        right: 235px;
    }
}
.reading-festival header.top .booking-session .description {
    font-size: 16px;
    width: 140px;
}
.reading-festival .header_basket {
    border-color: var(--reading-festival);
    top: 4px;
}
@media screen and (min-width: 900px) {
    .reading-festival .header_basket {
        top: 20px;
    }
}
.reading-festival .header_basket .number {
    background-color: var(--reading-festival);
}
.reading-festival .basket_items_wrapper .qtyactions > input {
    background-color: var(--reading-festival);
}
.reading-festival .basket_items_wrapper .car_details input {
    padding: 10px 20px !important;
}
.reading-festival .line-item .price, .reading-festival #order-total .line-item span {
    color: #000000;
}
.reading-festival .banner .banner_inner h1 {
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 600px) {
    .reading-festival .banner .banner_inner h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
@media screen and (min-width: 900px) {
    .reading-festival .banner .banner_inner h1 {
        font-size: 42px;
        font-size: 3rem;
    }
}
.reading-festival .page-header {
    background-color: var(--reading-festival-primary);
    background-image: url(/Content/img/reading-bg-repeat.png);
    background-repeat: repeat-y;
    background-size: calc(100% - 150px) auto;
    background-position: top right;
}
@media screen and (max-width: 599px) {
    .reading-festival .page-header {
        padding: 2rem 1rem 2rem 1rem;
    }
}
.reading-festival .page-header h1 {
    color: #ffffff;
    font-size: 16px;
    font-size: 1.1428571429rem;
}
@media screen and (min-width: 600px) {
    .reading-festival .page-header h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
    }
}
@media screen and (min-width: 900px) {
    .reading-festival .page-header h1 {
        font-size: 42px;
    }
}
.reading-festival footer {
    background: var(--reading-festival);
    color: white;
}
.reading-festival footer a, .reading-festival footer h5 {
    color: white;
}
.reading-festival .login_wrapper {
    background: none;
}
.reading-festival .login_wrapper .secondary-btn,
.reading-festival .login_wrapper form input[type=submit].secondary-btn,
.reading-festival .login_wrapper form input.secondary-btn {
    background-color: var(--reading-festival) !important;
    color: white !important;
    border-radius: 24px;
}
.reading-festival .pending_orders_wrapper .orders .order h3, .reading-festival .pending_orders_wrapper .orders .order h4 {
    color: #000000;
}
@media screen and (min-width: 768px) {
    .reading-festival .carpark__inner,
    .reading-festival .events__inner {
        padding-top: 3em;
    }
}

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