/*!
Theme Name:             Bayswater City Soccer Club
Theme URI:              https://www.bayswatercitysc.com.au
Version:                5.2.3
Author:                 Stormbox
Author URI:             https://stormbox.com.au
Description:            Bespoke theme for Bayswater City Soccer Club.
License:                Proprietary
License URI:            https://www.bayswatercitysc.com.au
*/
/* 
    Colours
*/
/* 
    Effects
*/
/* 
    Typography
    Include the appropriate font weights below.
*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit; }

/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate; }

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

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

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

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

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

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

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

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

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

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

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

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

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

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

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

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

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

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

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

ul, li {
  margin: 0;
  padding: 0; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* 
    Flex Mixins.
    Apply these to the container element
    Note: CSS columns have no effect on a flex container
*/
/* 
    Vertical alignments
*/
/*
 * Critical styles shared between main and critical stylesheets
 */
/* 
    Colours
*/
/* 
    Effects
*/
/* 
    Typography
    Include the appropriate font weights below.
*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* 
    Flex Mixins.
    Apply these to the container element
    Note: CSS columns have no effect on a flex container
*/
/* 
    Vertical alignments
*/
/*
    Move global styles here after completing initial site build
*/
html.disable-scrolling {
  overflow: hidden; }

/* Global - modularize global styles after initial site build
-----------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: "Barlow", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  padding: 60px 0 0 0;
  font-weight: 400; }
  @media (min-width: 960px) {
    body {
      padding: 120px 0 0 0; } }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

/* Typography
-----------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
  text-wrap: pretty; }

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  font-family: "Barlow", sans-serif;
  line-height: 1em;
  text-transform: uppercase; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
    font-weight: inherit; }

h1 {
  font-size: 2.1em;
  margin: 0 0 25px 0;
  line-height: 1em; }
  h1 span {
    line-height: 1; }
  h1.full-width {
    display: block;
    width: 100%; }
  @media (min-width: 960px) {
    h1 {
      font-size: 3.6em; } }

h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px 0;
  line-height: 1em; }
  h2 span,
  h3 span,
  h4 span,
  h5 span,
  h6 span {
    line-height: 1; }

h2 {
  font-size: 2.4em; }
  @media (min-width: 960px) {
    h2 {
      font-size: 4em; } }
  h2.full-width {
    display: block;
    width: 100%; }

h3 {
  font-size: 1.7em; }
  @media (min-width: 960px) {
    h3 {
      font-size: 2em; } }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.1em; }

h6 {
  font-size: 0.9em; }

p {
  margin: 25px 0;
  font-size: 1.6em; }
  p:first-child {
    margin: 0 0 25px 0; }
  p:last-child {
    margin: 25px 0 0 0; }
  p.inline-svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px; }
    p.inline-svg svg {
      width: 20px;
      height: 20px;
      stroke: #ee2e2a; }
  p a {
    color: #1e1a1b; }

ul,
ol {
  margin: 25px; }
  ul li,
  ol li {
    font-size: 1.6em; }
    ul li ul li,
    ol li ul li {
      font-size: 1em; }
    ul li a,
    ol li a {
      color: #1e1a1b; }

strong {
  font-weight: 700; }

small {
  font-size: 1.1em; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.lowercase {
  text-transform: lowercase; }

/* Containers
-----------------------------------------------------------------------*/
.main-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden; }
  @media (min-width: 960px) {
    .main-container {
      position: relative;
      max-width: 2000px;
      margin: 0 auto; } }

.container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 35px 25px; }
  @media (min-width: 960px) {
    .container {
      position: relative;
      display: block;
      max-width: 1600px;
      margin: 0 auto;
      z-index: 99;
      padding: 100px 0; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .container {
      padding: 75px 25px; } }
  @media (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
    .container {
      padding: 75px 25px; } }

.inner-page-content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .inner-page-content .container h1 {
    font-size: 3em; }
    @media (min-width: 960px) {
      .inner-page-content .container h1 {
        font-size: 4em; } }
  .inner-page-content .container .full {
    width: 100%; }
    @media (min-width: 960px) {
      .inner-page-content .container .full {
        padding: 0 50px 0 0; } }
    .inner-page-content .container .full h2 {
      font-size: 2.3em; }
      @media (min-width: 960px) {
        .inner-page-content .container .full h2 {
          font-size: 3em; } }
    .inner-page-content .container .full mark {
      background: rgba(0, 38, 89, 0.1) !important;
      font-weight: 700;
      padding: 25px;
      width: 200px;
      display: block;
      float: left;
      margin: 0 20px 20px 0;
      text-transform: uppercase;
      color: #002659; }
  .inner-page-content .container .left {
    width: 100%; }
    @media (min-width: 960px) {
      .inner-page-content .container .left {
        width: 65%;
        padding: 0 50px 0 0; } }
    .inner-page-content .container .left h2 {
      font-size: 2.3em; }
      @media (min-width: 960px) {
        .inner-page-content .container .left h2 {
          font-size: 3em; } }
    .inner-page-content .container .left mark {
      background: rgba(0, 38, 89, 0.1) !important;
      font-weight: 700;
      padding: 25px;
      width: 200px;
      display: block;
      float: left;
      margin: 0 20px 20px 0;
      text-transform: uppercase;
      color: #002659; }
  .inner-page-content .container .right {
    /* 
                Tweaking the primary box to fit the sidebar.
                Primary box root styles are in sass/_primary-box.scss
            */ }
    @media (min-width: 960px) {
      .inner-page-content .container .right {
        width: 35%; } }
    .inner-page-content .container .right .primary-box {
      padding: 170% 0 0 0; }
      @media (min-width: 960px) {
        .inner-page-content .container .right .primary-box ul {
          max-width: 90%; } }
      .inner-page-content .container .right .primary-box .action-image {
        position: absolute;
        top: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
      .inner-page-content .container .right .primary-box li {
        font-size: 1.4em;
        margin: 0 10px 10px 0; }
        .inner-page-content .container .right .primary-box li a:hover {
          color: #fff; }
      .inner-page-content .container .right .primary-box .text {
        position: relative;
        top: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        position: absolute;
        top: 40px;
        left: 50px; }
        .inner-page-content .container .right .primary-box .text h2 {
          font-size: 2.2em; }
          @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
            .inner-page-content .container .right .primary-box .text h2 {
              font-size: 1.5em; } }
          @media (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
            .inner-page-content .container .right .primary-box .text h2 {
              font-size: 1.5em; } }
        .inner-page-content .container .right .primary-box .text p {
          font-size: 1.6em; }
        .inner-page-content .container .right .primary-box .text .button {
          margin: 0; }
          .inner-page-content .container .right .primary-box .text .button:hover {
            color: #fff; }
      .inner-page-content .container .right .primary-box.flair:before {
        height: 400px;
        width: 80%;
        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
        left: 0; }
      .inner-page-content .container .right .primary-box.flair::after {
        width: 147%;
        height: 400px;
        right: auto;
        left: 0;
        bottom: -190px; }
    .inner-page-content .container .right a {
      color: unset; }
  .inner-page-content .container a {
    color: #3f57a7; }
    .inner-page-content .container a:hover {
      color: #ee2e2a; }

.hidden {
  display: none; }
  .hidden.show {
    display: block; }

.disabled-message p {
  padding: 10px !important;
  border-left: solid 4px #ff8700;
  background: rgba(255, 135, 0, 0.1);
  display: inline-block; }

/* Classes
-----------------------------------------------------------------------*/
.alignleft {
  float: left;
  margin: 0 15px 15px 0; }

.alignright {
  float: right;
  margin: 0 0 15px 15px; }

.clear {
  clear: both; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-container {
  position: relative;
  padding: 0 0 56.25% 0;
  height: 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-bullets li {
  list-style: none !important;
  margin: 0;
  padding: 0; }
  .no-bullets li::before, .no-bullets li::marker {
    display: none !important; }

.flex-boxes {
  display: block; }
  @media (min-width: 960px) {
    .flex-boxes {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.rounded-2 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.rounded-5 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.rounded-10 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.rounded-20 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; }

.rounded-30 {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }

.inline {
  display: inline; }

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

.block {
  display: block; }

.standard-gif {
  display: block;
  width: 200px;
  border-radius: 20px; }

.striped-bars {
  background: #3f57a7;
  display: block;
  height: 20px;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0; }
  .striped-bars span {
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
    .striped-bars span::before {
      content: '';
      background: url("images/bar.svg") top right;
      background-size: 40%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 20px;
      -webkit-filter: contrast(10);
      filter: contrast(10); }

.generic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .generic-list .header-row {
    font-weight: 700;
    color: #3f57a7;
    text-transform: uppercase;
    margin: 0 0 5px 0; }
  .generic-list span {
    padding: 5px; }
  .generic-list span:nth-child(1) {
    width: 50px;
    text-align: center; }
  .generic-list span:nth-child(2) {
    width: calc(100% - 150px); }
  .generic-list span:nth-child(3) {
    width: 100px; }
  .generic-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    font-weight: 500;
    line-height: 1.2em;
    padding: 5px 0; }
    .generic-list li:nth-child(even) {
      background: rgba(63, 87, 167, 0.075); }

.edit {
  position: fixed;
  bottom: 25px;
  left: 25px;
  z-index: 99999999;
  width: 30px;
  height: 30px;
  background: #00bcd4;
  padding: 7px;
  border-radius: 3px; }
  @media (min-width: 960px) {
    .edit {
      top: 65px; } }

/* Hide lazy loading BG image */
.hide-loader {
  background: none !important; }

.not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .not-found img {
    display: block;
    margin: 0 30px 0 0;
    border-radius: 20px;
    width: 260px;
    height: 260px; }

/* Over-ride */
.tos-wrapper.tos-fixed {
  z-index: 9999999 !important; }

/* Hide the first lightbox thumbnail, because that thumbnail is already showing in the left pane of the product page*/
.tos-pagination a {
  border-radius: 4px; }

.tos-pagination a:first-child {
  display: none; }

.tos-caption {
  display: none !important; }

.tos-selected {
  border: solid 3px #fff; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.skip-links ul {
  margin: 0;
  padding: 0; }

.skip-links li {
  height: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  margin: 0;
  padding: 0; }

.screen-reader-text,
.screen-reader-shortcut {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
  /*
     * Extends visually-hidden to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */ }
  .screen-reader-text:focus, .screen-reader-text.focusable:active, .screen-reader-text.focusable:active,
  .screen-reader-shortcut:focus,
  .screen-reader-shortcut.focusable:active,
  .screen-reader-shortcut.focusable:active {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit; }
  .screen-reader-text:focus,
  .screen-reader-shortcut:focus {
    background: #fff;
    color: #333;
    display: block;
    font-size: 1rem;
    padding: 15px 23px 14px;
    text-decoration: none;
    z-index: 100000;
    /* Above WP toolbar. */ }

.header {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #3f57a7;
  z-index: 99999;
  -webkit-box-shadow: 0 0 50px 0 rgba(30, 26, 27, 0.1);
  box-shadow: 0 0 50px 0 rgba(30, 26, 27, 0.1);
  /* Mobile Nav (defaults) */
  /* Desktop Nav (over-rides) 
    ****************************************************************/ }
  .header .logo {
    height: 60px;
    display: block; }
  .header .logo img {
    height: 40px;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px; }
  .header nav {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    width: calc(100% - 60px);
    max-width: 350px;
    height: 100%;
    background: #3f57a7;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 999999;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    /* The current nav item (mobile) */ }
    .header nav ul {
      margin: 0; }
      .header nav ul .sub-menu .current-menu-item,
      .header nav ul .sub-menu .current_page_item {
        position: relative; }
        .header nav ul .sub-menu .current-menu-item::before,
        .header nav ul .sub-menu .current_page_item::before {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          position: absolute;
          top: calc(50% - 4px);
          left: 0;
          border-top: solid 2px #ffc107;
          border-right: solid 2px #ffc107;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .header nav ul .sub-menu .current-menu-item a span,
        .header nav ul .sub-menu .current_page_item a span {
          opacity: .3; }
    .header nav.show {
      -webkit-box-shadow: 0 0 25px 0 rgba(30, 26, 27, 0.5);
      box-shadow: 0 0 25px 0 rgba(30, 26, 27, 0.5);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 999999; }
    .header nav li {
      list-style: none;
      font-size: 1.6em;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-transform: uppercase;
      border-bottom: dashed 1px rgba(255, 255, 255, 0.2); }
      .header nav li ul {
        margin: 0 0 10px 15px; }
        .header nav li ul li {
          font-size: .85em;
          border: none; }
          .header nav li ul li span {
            opacity: .7;
            font-weight: 500; }
      .header nav li a {
        text-decoration: none;
        display: block;
        padding: 13px 20px;
        color: #fff;
        font-weight: 700; }
      .header nav li.nav-home {
        font-size: 1.6em; }
        .header nav li.nav-home svg {
          display: none; }
    .header nav .current-menu-item a,
    .header nav .current_page_item a {
      border: none;
      color: #fff; }
  @media (min-width: 960px) {
    .header {
      height: 120px;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 120px;
      background: #3f57a7;
      z-index: 9999;
      -webkit-box-shadow: 0 0 25px 0 rgba(30, 26, 27, 0.3);
      box-shadow: 0 0 25px 0 rgba(30, 26, 27, 0.3);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .header .container {
        height: 100%;
        max-width: 1300px; }
      .header .logo {
        font-size: 0;
        padding: 0;
        height: 120px;
        z-index: 99991;
        left: 0; }
        .header .logo img {
          height: 120px;
          display: block;
          position: relative;
          top: 35px;
          left: auto; }
      .header nav {
        height: 100%;
        z-index: 9999;
        background: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: unset;
        max-width: unset;
        padding: 0 30px; }
      .header ul {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        font-family: "Barlow", sans-serif;
        font-weight: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* The current nav item (desktop) */
        /* Parent FX */ }
        .header ul li {
          list-style: none;
          font-size: 1em;
          display: block;
          height: 100%;
          position: relative;
          border: none; }
          .header ul li a {
            position: relative;
            text-decoration: none;
            font-size: 1.7em;
            color: #fff;
            font-weight: 700;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
            padding: 0 15px; } }
        @media (min-width: 960px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
          .header ul li a {
            font-size: 1.6em;
            padding: 0 10px; } }
        @media (min-width: 960px) and (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
          .header ul li a {
            font-size: 1.6em;
            padding: 0 10px; } }
  @media (min-width: 960px) {
          .header ul li a[target=_blank] span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 4px; }
            .header ul li a[target=_blank] span::after {
              content: '';
              display: block;
              width: 15px;
              height: 15px;
              background: url("images/external-link.svg") no-repeat center;
              background-size: contain; }
          .header ul li ul {
            display: none;
            padding: 0;
            height: auto;
            background: #fff; }
            .header ul li ul li {
              height: auto;
              width: 100%;
              font-size: 1em; }
              .header ul li ul li span {
                opacity: 1;
                font-weight: 700; }
              .header ul li ul li a {
                display: block;
                width: 100%;
                padding: 20px 20px;
                background: #fff;
                font-size: 1.4em;
                border-bottom: solid 1px rgba(96, 156, 255, 0.2) !important;
                border-left: solid 5px #fff !important; }
              .header ul li ul li:first-child a {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px; }
              .header ul li ul li:last-child a {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                border-bottom: none; }
              .header ul li ul li:hover a {
                background: rgba(96, 156, 255, 0.1);
                border-left: solid 5px #609cff !important; }
          .header ul li:hover ul {
            display: block;
            position: absolute;
            left: calc(50% - 125px);
            margin: -20px 0 0 0;
            border-left: none;
            border-radius: 5px;
            width: 250px;
            -webkit-box-shadow: 0 20px 50px 0 rgba(96, 156, 255, 0.25);
            box-shadow: 0 20px 50px 0 rgba(96, 156, 255, 0.25); }
          .header ul li svg {
            width: 20px;
            stroke: #609cff; }
          .header ul li.nav-home {
            font-size: 0; } }
        @media (min-width: 960px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
          .header ul li.nav-home {
            display: none; } }
        @media (min-width: 960px) and (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
          .header ul li.nav-home {
            display: none; } }
  @media (min-width: 960px) {
            .header ul li.nav-home svg {
              display: block; }
            .header ul li.nav-home a {
              padding: 0 15px 0 0;
              border: none; }
        .header ul .menu-item-has-children {
          background: none !important;
          border: none !important; }
          .header ul .menu-item-has-children::after {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-bottom: solid 2px #609cff;
            border-right: solid 2px #609cff;
            position: absolute;
            bottom: 28px;
            left: calc(50% - 4px);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
        .header ul .sub-menu .current-menu-item,
        .header ul .sub-menu .current_page_item {
          position: relative;
          font-weight: 700;
          pointer-events: none; }
          .header ul .sub-menu .current-menu-item a,
          .header ul .sub-menu .current_page_item a {
            position: relative;
            color: rgba(30, 26, 27, 0.9) !important;
            border-left: solid 5px rgba(30, 26, 27, 0.4) !important; }
        .header ul li:hover a {
          color: #609cff; }
        .header ul li:hover ul li a {
          color: #1e1a1b; } }

.extras {
  position: absolute;
  top: 0;
  height: 60px;
  right: 60px;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: normal; }
  @media (min-width: 960px) {
    .extras {
      position: relative;
      top: auto;
      height: auto;
      right: auto;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  .extras a {
    display: block; }
  .extras .social-icon {
    display: none; }
    @media (min-width: 960px) {
      .extras .social-icon {
        display: block; } }
    .extras .social-icon svg {
      width: 24px;
      height: 24px;
      stroke: #609cff;
      margin: 0 10px 45px 0; }
  .extras .nav-cta {
    display: block;
    height: 60px; }
    @media (min-width: 960px) {
      .extras .nav-cta {
        width: 250px;
        margin: 0 0 0 15px;
        height: auto; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .extras .nav-cta {
        display: none; } }
    @media (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
      .extras .nav-cta {
        display: none; } }
    @media only screen and (max-width: 1430px) {
      .extras .nav-cta {
        display: none; } }
    @media only screen and (max-width: 960px) {
      .extras .nav-cta {
        display: block; } }
  .extras .three-peat-logo-container {
    display: block; }
    @media only screen and (max-width: 1520px) {
      .extras .three-peat-logo-container {
        width: auto;
        height: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .extras .three-peat-logo-container img {
          width: 140px;
          height: 60px;
          padding: 2px;
          max-width: unset;
          -o-object-fit: scale-down;
          object-fit: scale-down; } }
    @media only screen and (max-width: 960px) {
      .extras .three-peat-logo-container {
        margin: 0 5px; } }
  .extras .three-peat-logo {
    display: block;
    width: 140px;
    cursor: pointer; }
    @media (min-width: 960px) {
      .extras .three-peat-logo {
        margin: 0 0 0 20px; } }

.three-peat-champs {
  position: fixed;
  width: 900px;
  max-width: 900px;
  bottom: -100%;
  opacity: 0;
  left: 0;
  width: 100%;
  background: #3f57a7;
  z-index: 9998;
  padding: 35px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
  @media (min-width: 960px) {
    .three-peat-champs {
      top: -100%;
      bottom: auto;
      left: calc(50% - 450px);
      border-radius: 0;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; } }
  .three-peat-champs::before {
    content: '';
    display: block;
    width: 300px;
    height: 275px;
    background: url("images/player.png") no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 95px;
    right: -110px;
    z-index: 0; }
    @media (min-width: 960px) {
      .three-peat-champs::before {
        top: 10px;
        bottom: auto;
        right: -120px; } }
  .three-peat-champs.show {
    opacity: 1;
    top: auto;
    bottom: 0; }
    @media (min-width: 960px) {
      .three-peat-champs.show {
        bottom: auto;
        top: 120px; } }
  .three-peat-champs .container {
    padding: 0; }
    @media (min-width: 960px) {
      .three-peat-champs .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .three-peat-champs .container .three-peat {
      width: 50%;
      margin: 0 auto 20px auto; }
      @media (min-width: 960px) {
        .three-peat-champs .container .three-peat {
          width: 300px;
          margin: 0; } }
    .three-peat-champs .container ul {
      z-index: 9;
      position: relative; }
      @media (min-width: 960px) {
        .three-peat-champs .container ul {
          width: calc(100% - 300px);
          padding: 0 0 0 25px; } }
      .three-peat-champs .container ul li {
        color: #fff;
        width: 100%;
        margin: 10px 0;
        line-height: 1.4em; }
        @media (min-width: 960px) {
          .three-peat-champs .container ul li {
            margin: 0 0 4px 0; } }
        .three-peat-champs .container ul li strong {
          display: block;
          width: 100%;
          margin: 0 0 5px 0;
          font-weight: 500; }
          @media (min-width: 960px) {
            .three-peat-champs .container ul li strong {
              display: inline-block;
              width: 220px;
              text-align: right;
              padding: 0 10px 0 0;
              margin: 0; } }
        .three-peat-champs .container ul li span {
          padding: 0 4px 2px 4px;
          line-height: 1.4;
          background: rgba(0, 188, 212, 0.7);
          border-radius: 3px;
          min-width: 40px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }

/* Nav toggle */
.toggle-nav {
  background: #002659;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60px;
  height: 60px;
  font-size: 0;
  position: relative;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999; }
  @media (min-width: 960px) {
    .toggle-nav {
      display: none; } }
  .toggle-nav .bar-01,
  .toggle-nav .bar-02,
  .toggle-nav .bar-03 {
    background: #fff;
    position: absolute;
    display: block;
    height: 3px;
    width: 32px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    left: 15px;
    border-radius: 5px; }
  .toggle-nav .bar-01 {
    position: absolute;
    top: 18px; }
  .toggle-nav .bar-02 {
    top: calc(50% - 1.5px); }
  .toggle-nav .bar-03 {
    position: absolute;
    bottom: 18px; }
  .toggle-nav.active {
    background: #002659; }
    .toggle-nav.active .bar-01,
    .toggle-nav.active .bar-03 {
      position: absolute;
      left: 12px;
      width: 20px; }
    .toggle-nav.active .bar-01 {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 22.5px; }
    .toggle-nav.active .bar-03 {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 35px; }

.ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 60px;
  height: 60px; }
  .ctas a {
    text-decoration: none;
    font-size: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px; }
  .ctas .toggle-search {
    background: rgba(0, 38, 89, 0.2); }
  .ctas .mail {
    background: rgba(0, 38, 89, 0.15); }
  .ctas .call {
    background: rgba(0, 38, 89, 0.1); }
  @media (min-width: 960px) {
    .ctas {
      display: none; } }

/*
    Presentation for buttons.

    Template usage example:

    <a href="" class="button rounded inline brand-colour-02 uppercase">
        This is a button
    </a>
*/
.button {
  padding: 15px 20px;
  font-size: 2em;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 15px 25px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .button.red {
    background: #ee2e2a; }
  .button.centered {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .button.outline.red {
    border: solid 2px #ee2e2a;
    color: #ee2e2a;
    background: none; }
    .button.outline.red svg {
      stroke: #1e1a1b; }
  .button.outline.dark {
    border: solid 2px #ee2e2a;
    color: #1e1a1b;
    background: none; }
    .button.outline.dark svg {
      stroke: #1e1a1b; }
  .button.outline svg {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
  .button.outline.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .2; }
  .button.active svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  .button svg,
  .button img {
    height: 30px;
    width: auto !important; }
  .button svg {
    stroke: #fff; }
  .button:hover {
    border-radius: 8px; }
    .button:hover.outline {
      border-radius: 0; }

/*
    'Link' type buttons

    Example usage
    <a href="" class="button-link inline brand-colour-02 uppercase">
        This is a button
    </a>
*/
.button-link {
  text-decoration: none;
  font-size: 1.6em;
  position: relative;
  font-weight: 700;
  color: #1e1a1b;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .button-link:hover::after {
    width: 100%; }
  .button-link::before {
    content: '';
    display: block;
    border-bottom: solid 3px #ee2e2a;
    position: absolute;
    bottom: -3px;
    width: 100%;
    left: 0; }
  .button-link::after {
    content: '';
    display: block;
    border-bottom: solid 3px #609cff;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }

.hero-container {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%; }
  .hero-container .text {
    background: #002659;
    padding: 25px;
    position: relative;
    z-index: 999; }
    .hero-container .text:before {
      content: '';
      display: block;
      width: 50px;
      height: 50px;
      background: #002659;
      position: absolute;
      left: calc(50% - 25px);
      top: -25px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      z-index: 1; }
      @media (min-width: 960px) {
        .hero-container .text:before {
          display: none; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .hero-container .text:before {
          display: none; } }
    @media (min-width: 960px) {
      .hero-container .text {
        padding: 0;
        background: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 85px;
        z-index: 999;
        color: #fff;
        line-height: 1; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .hero-container .text {
        padding: 0;
        background: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 25px;
        z-index: 999;
        color: #fff;
        line-height: 1;
        font-size: 1em; } }
    .hero-container .text .before-heading-home {
      line-height: 1; }
      .hero-container .text .before-heading-home .first-word {
        font-size: 1em;
        display: block;
        margin: 10px 0; }
        @media (min-width: 960px) {
          .hero-container .text .before-heading-home .first-word {
            font-size: 4em; } }
      .hero-container .text .before-heading-home .last-words {
        font-size: 1.5em;
        display: block;
        margin: 10px 0; }
        @media (min-width: 960px) {
          .hero-container .text .before-heading-home .last-words {
            font-size: 2.57em; } }
    .hero-container .text .before-heading {
      font-size: 2.35em;
      text-transform: uppercase;
      font-weight: 700;
      color: #fff; }
      .hero-container .text .before-heading.before-heading-home span {
        margin: 0; }
    .hero-container .text p {
      font-size: 2em;
      font-weight: 500;
      line-height: 1.2em; }
      @media (min-width: 960px) {
        .hero-container .text p {
          font-size: 2.4em; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .hero-container .text p {
          font-size: 1.8em; } }
    .hero-container .text .button {
      margin: 0;
      width: 100%; }
      @media (min-width: 960px) {
        .hero-container .text .button {
          width: auto; } }
  .hero-container h1 {
    color: #fff;
    font-size: 3.5em;
    z-index: 100;
    margin: 0; }
    @media (min-width: 960px) {
      .hero-container h1 {
        font-size: 8em; } }
  .hero-container p {
    color: #fff;
    margin: 15px 0; }
    @media (min-width: 960px) {
      .hero-container p {
        margin: 25px 0; } }
  .hero-container img {
    display: block;
    width: 100%;
    z-index: 10; }
  .hero-container .hero-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  @media (min-width: 960px) {
    .hero-container.hero-container-home {
      height: 82vh; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hero-container.hero-container-home .text {
      font-size: 1em; } }
  .hero-container.hero-container-home .button {
    margin: 10px 0 0 0; }
  .hero-container.medium {
    background: #002659; }
    @media (min-width: 960px) {
      .hero-container.medium {
        height: 700px;
        overflow: hidden; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .hero-container.medium {
        height: 400px;
        overflow: hidden; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .hero-container.medium {
        height: 500px;
        overflow: hidden; } }
    .hero-container.medium.flair::before {
      -webkit-clip-path: polygon(0 11%, 70% 11%, 98% 100%, 0% 100%);
      clip-path: polygon(0 11%, 70% 11%, 98% 100%, 0% 100%); }
    @media (min-width: 960px) {
      .hero-container.medium .text {
        margin: 50px 0 0 0;
        /* Move the text box down to little */ } }
  .hero-container.small {
    background: #3f57a7;
    background: -webkit-linear-gradient(315deg, #3f57a7, #ee2e2a);
    background: -o-linear-gradient(315deg, #3f57a7, #ee2e2a);
    background: linear-gradient(135deg, #3f57a7, #ee2e2a);
    padding: 20px 0; }
    @media (min-width: 960px) {
      .hero-container.small {
        padding: 100px 0;
        background: #002659; }
        .hero-container.small::before {
          -webkit-clip-path: polygon(0 11%, 85% 11%, 100% 100%, 0% 100%);
          clip-path: polygon(0 11%, 85% 11%, 100% 100%, 0% 100%);
          background: rgba(63, 87, 167, 0.2); } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .hero-container.small {
        padding: 100px 0;
        background: #002659; }
        .hero-container.small::before {
          -webkit-clip-path: polygon(0 11%, 85% 11%, 100% 100%, 0% 100%);
          clip-path: polygon(0 11%, 85% 11%, 100% 100%, 0% 100%);
          background: rgba(63, 87, 167, 0.2); } }
    .hero-container.small .text {
      position: relative;
      top: auto;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      background: none; }
      .hero-container.small .text::before {
        display: none; }
      .hero-container.small .text .before-heading {
        font-size: 1.4em; }
        @media (min-width: 960px) {
          .hero-container.small .text .before-heading {
            font-size: 2.35em; } }
      .hero-container.small .text h1 {
        font-size: 3em; }
        @media (min-width: 960px) {
          .hero-container.small .text h1 {
            font-size: 8em; } }
  .hero-container.align-image-centre img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .hero-container.align-image-bottom img {
    position: absolute;
    bottom: 0; }

.flair {
  /* Gradient - starts a gradient from the bottom of the hero, moving upwards */ }
  .flair::before {
    content: '';
    display: block;
    width: 61%;
    height: 100%;
    position: absolute;
    top: 2px;
    /* Fix quirk */
    left: -100px;
    background: #002659;
    -webkit-clip-path: polygon(0 11%, 60% 11%, 100% 100%, 0% 100%);
    clip-path: polygon(0 11%, 60% 11%, 100% 100%, 0% 100%);
    opacity: .9;
    z-index: 99;
    display: none;
    z-index: 99; }
    @media (min-width: 960px) {
      .flair::before {
        display: block; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .flair::before {
        display: block;
        width: 85%; } }
  .flair::after {
    content: '';
    display: block;
    width: 60%;
    height: 500px;
    background: url("images/bar.svg") top right;
    background-size: 11%;
    position: absolute;
    bottom: -270px;
    right: -25%;
    -webkit-transform: rotate(-24.5deg);
    -ms-transform: rotate(-24.5deg);
    transform: rotate(-24.5deg);
    display: none;
    z-index: 99; }
    @media (min-width: 960px) {
      .flair::after {
        display: block; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .flair::after {
        display: block;
        bottom: -400px; } }

.green-bar {
  display: block;
  width: calc(100% - 50px);
  height: 10px;
  background: #0b9444;
  border-radius: 100em;
  margin: -5px 0 0 0;
  position: absolute;
  left: 25px;
  z-index: 10; }
  @media (min-width: 960px) {
    .green-bar {
      position: relative;
      background: none;
      height: 40px;
      left: 0;
      margin: 0;
      width: 100%; }
      .green-bar span {
        display: block;
        -webkit-clip-path: polygon(0 0%, 98.3% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0%, 98.3% 0%, 100% 100%, 0% 100%);
        background: #0b9444;
        width: 59.75%;
        height: 40px;
        z-index: -1;
        position: absolute;
        left: 0; } }

img.bay-icon-sidebar {
  max-width: 250px; }

.sponsors {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  /*
        Major Sponsors.
        These logos are presented against a dark colour, and need to be displayed all white.
        This can be done easily with some CSS filters, unless the logo is black.
        If the logo is black, we need to invert it to show as white. The Colli logo is a good example.

        Why do this? So we don't have to upload different versions of the logo, making it easier to manage.
        
        FYI each logo has a unique class that can be targeted. Eg: colli-timber-and-hardware
    */ }
  @media (min-width: 960px) {
    .sponsors {
      padding: 35px 0; } }
  .sponsors li {
    list-style: none;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 960px) {
      .sponsors li {
        margin: 0 40px;
        width: auto; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .sponsors li {
        width: 25%; } }
    .sponsors li img {
      display: block;
      max-width: 50%; }
      @media (min-width: 960px) {
        .sponsors li img {
          height: 60px;
          max-width: 100%; } }
  .sponsors.major {
    background: #1e1a1b; }
    .sponsors.major li {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      padding: 10px 0;
      /* 
                Custom logo presentation.
                Why? 
            */ }
      @media (min-width: 960px) {
        .sponsors.major li {
          padding: 0; } }
      .sponsors.major li img {
        -webkit-filter: brightness(100);
        filter: brightness(100); }
      .sponsors.major li.colli-timber-and-hardware {
        -webkit-filter: invert(100%);
        filter: invert(100%); }
      .sponsors.major li.the-agency img {
        -webkit-filter: none !important;
        filter: none !important; }
      .sponsors.major li.your-logo {
        -webkit-filter: grayscale(0);
        filter: grayscale(0); }
        .sponsors.major li.your-logo a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 5px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          height: 40px;
          padding: 10px;
          border: dashed 2px rgba(255, 255, 255, 0.2);
          border-radius: 3px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #fff;
          text-decoration: none;
          text-transform: uppercase;
          font-weight: 700;
          font-size: .8em; }
          @media (min-width: 960px) {
            .sponsors.major li.your-logo a {
              font-size: 1em;
              padding: 15px;
              height: 60px; } }
          .sponsors.major li.your-logo a:hover {
            border: dashed 2px rgba(255, 255, 255, 0.2);
            background: rgba(255, 255, 255, 0.1); }
          .sponsors.major li.your-logo a svg {
            stroke: #00ffea; }

/* 
    All styles below apply to the full major sponsors list typically towards the end of page.
    It does not apply to the major sponsors list directly below the top hero.
*/
.major-sponsors-full h2 {
  font-size: 2em;
  margin: 0;
  text-align: center; }
  @media (min-width: 960px) {
    .major-sponsors-full h2 {
      font-size: 3em; } }
  .major-sponsors-full h2 span {
    display: block;
    font-size: 2em; }

.major-sponsors-full .sponsors.major {
  background: none;
  margin: 0;
  padding: 25px 0 0 0; }
  @media (min-width: 960px) {
    .major-sponsors-full .sponsors.major {
      padding: 35px 0 0 0; } }

.major-sponsors-full .sponsors li {
  -webkit-filter: none;
  filter: none;
  width: 50%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 960px) {
    .major-sponsors-full .sponsors li {
      width: 33.3333%; } }
  .major-sponsors-full .sponsors li img {
    -webkit-filter: none;
    filter: none;
    width: 60%;
    height: auto;
    max-height: 200px;
    -o-object-fit: scale-down;
    object-fit: scale-down; }
  .major-sponsors-full .sponsors li.colli-timber-and-hardware {
    -webkit-filter: none;
    filter: none; }
  .major-sponsors-full .sponsors li.your-logo {
    -webkit-filter: none;
    filter: none; }
    @media (min-width: 960px) {
      .major-sponsors-full .sponsors li.your-logo {
        margin: 50px 0; } }
    .major-sponsors-full .sponsors li.your-logo a {
      border: none;
      color: #1e1a1b;
      font-size: .9em; }
      @media (min-width: 960px) {
        .major-sponsors-full .sponsors li.your-logo a {
          font-size: 1.6em; } }
      .major-sponsors-full .sponsors li.your-logo a svg {
        stroke: #609cff; }
    .major-sponsors-full .sponsors li.your-logo:hover a {
      border: none; }

.major-sponsors-full .view-supporting-sponsors {
  margin: 0 auto;
  display: block;
  max-width: 350px;
  text-align: center; }

.major-sponsors-full .button-supporting-sponsors {
  margin: 30px auto; }

.major-sponsors-full .supporting-sponsors-list {
  display: none;
  margin: 25px 0 0 0; }
  .major-sponsors-full .supporting-sponsors-list.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 960px) {
    .major-sponsors-full .supporting-sponsors-list li {
      font-size: 1.6em;
      width: 14.2%; } }
  .major-sponsors-full .supporting-sponsors-list li img {
    display: block;
    width: 100%;
    padding: 20px;
    max-width: 100%; }
    @media (min-width: 960px) {
      .major-sponsors-full .supporting-sponsors-list li img {
        padding: 20px 30px; } }

.major-sponsors-full .heading-supporting-sponsors {
  font-size: 4em;
  margin: 50px 0 25px 0; }

.inner-page-content .sponsors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  margin: 0; }
  .inner-page-content .sponsors li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 5px;
    border: solid 1px #ccc;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 50%;
    margin: 0 -1px -1px 0; }
    @media (min-width: 960px) {
      .inner-page-content .sponsors li {
        width: calc(25% - 20px);
        margin: 0 20px 20px 0;
        padding: 40px;
        border-radius: 5px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .inner-page-content .sponsors li {
        width: calc(33.3333% - 20px);
        margin: 0 20px 20px 0;
        padding: 15px;
        border-radius: 5px; } }
    .inner-page-content .sponsors li:hover {
      -webkit-box-shadow: 0 0 50px 0 rgba(30, 26, 27, 0.1);
      box-shadow: 0 0 50px 0 rgba(30, 26, 27, 0.1); }
  .inner-page-content .sponsors img {
    display: block;
    width: 100%;
    height: auto; }

.inner-page-content .major-sponsors-full {
  margin: 0 0 30px 0; }
  .inner-page-content .major-sponsors-full h2 {
    text-align-last: left; }
    .inner-page-content .major-sponsors-full h2 span {
      font-size: 1em;
      display: inline; }
  .inner-page-content .major-sponsors-full li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0; }
    @media (min-width: 960px) {
      .inner-page-content .major-sponsors-full li {
        width: calc(50% - 20px);
        margin: 0 20px 20px 0; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .inner-page-content .major-sponsors-full li {
        width: calc(50% - 20px);
        margin: 0 20px 20px 0; } }
    .inner-page-content .major-sponsors-full li img {
      width: 100%; }
    .inner-page-content .major-sponsors-full li.your-logo {
      display: none; }

.primary-box {
  position: relative;
  overflow: hidden; }
  .primary-box h2 {
    font-size: 1.5em;
    color: #fff; }
    @media (min-width: 960px) {
      .primary-box h2 {
        font-size: 3em; } }
    .primary-box h2 span {
      display: block;
      font-size: 2.7em;
      line-height: 1; }
  .primary-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0; }
    @media (min-width: 960px) {
      .primary-box ul {
        max-width: 80%; } }
  .primary-box li {
    font-size: 1.5em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px 11px 15px;
    border-radius: 100em;
    margin: 0 7px 7px 0; }
    @media (min-width: 960px) {
      .primary-box li {
        font-size: 1.45em;
        margin: 0 7px 7px 0; } }
    .primary-box li:nth-child(1) {
      background: #732c82; }
    .primary-box li:nth-child(2) {
      background: #4CAF50; }
    .primary-box li:nth-child(3) {
      background: #ff8700; }
    .primary-box li:nth-child(4) {
      background: #5021f3; }
    .primary-box li:nth-child(5) {
      background: #008485; }
    .primary-box li:nth-child(6) {
      background: #732c82; }
    .primary-box li:nth-child(7) {
      background: #4CAF50; }
    .primary-box li:nth-child(8) {
      background: #ff8700; }
    .primary-box li:nth-child(9) {
      background: #5021f3; }
    .primary-box li:nth-child(10) {
      background: #008485; }
    .primary-box li:nth-child(11) {
      background: #732c82; }
    .primary-box li:nth-child(12) {
      background: #4CAF50; }
    .primary-box li:nth-child(13) {
      background: #ff8700; }
    .primary-box li:nth-child(14) {
      background: #5021f3; }
    .primary-box li:nth-child(15) {
      background: #008485; }
    .primary-box li:nth-child(16) {
      background: #732c82; }
    .primary-box li:nth-child(17) {
      background: #4CAF50; }
    .primary-box li:nth-child(18) {
      background: #ff8700; }
    .primary-box li:nth-child(19) {
      background: #5021f3; }
    .primary-box li:nth-child(20) {
      background: #008485; }
    .primary-box li a {
      text-decoration: none;
      color: #fff;
      font-size: 1em; }

.download-books {
  padding: 0;
  margin: 0 auto;
  background: #f1f1f1;
  position: relative; }
  @media (min-width: 960px) {
    .download-books {
      padding: 100px 0; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .download-books {
      padding: 50px 25px; } }
  .download-books .container {
    max-width: 1400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 25px 35px 25px; }
    @media (min-width: 960px) {
      .download-books .container {
        padding: 100px 0; } }
  @media (min-width: 960px) {
    .download-books .left,
    .download-books .right {
      width: 50%; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .download-books .left {
      width: 100%; } }
  .download-books .left h2 {
    font-size: 1.6em;
    margin: 0; }
    @media (min-width: 960px) {
      .download-books .left h2 {
        font-size: 3em; } }
    .download-books .left h2 span {
      display: block;
      font-size: 2.7em; }
  .download-books .left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 10px 0;
    width: auto; }
    @media (min-width: 960px) {
      .download-books .left ul {
        margin: 30px 0; } }
    .download-books .left ul li {
      padding: 20px;
      background: #fff;
      width: 100%;
      margin: 5px 0; }
      @media (min-width: 960px) {
        .download-books .left ul li {
          width: auto;
          margin: 0; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .download-books .left ul li {
          width: 50%; } }
      .download-books .left ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
        text-decoration: none; }
      .download-books .left ul li svg {
        width: 50px;
        height: 50px;
        padding: 15px;
        stroke: #fff;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out; }
      .download-books .left ul li img {
        display: none; }
      .download-books .left ul li:nth-child(1) svg {
        background: #ee2e2a; }
      .download-books .left ul li:nth-child(2) svg {
        background: #002659; }
      .download-books .left ul li strong {
        display: block; }
      .download-books .left ul li em {
        font-style: normal; }
      .download-books .left ul li:hover svg {
        border-radius: 7px; }
  .download-books .right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .download-books .right ul li {
      -webkit-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      margin: 25px 0 0 0;
      width: 50%;
      font-size: 1.3em; }
      @media (min-width: 960px) {
        .download-books .right ul li {
          margin: 0;
          font-size: 1.6em; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .download-books .right ul li {
          padding: 0 50px; } }
      .download-books .right ul li img {
        display: block;
        width: 100%;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out; }
      .download-books .right ul li span {
        display: block;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        margin: 10px 0 0 0;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out; }
      .download-books .right ul li em {
        display: none; }
      .download-books .right ul li svg {
        display: none; }
      @media (min-width: 960px) {
        .download-books .right ul li:nth-child(1) {
          position: relative;
          top: -50px; } }
      @media (min-width: 960px) {
        .download-books .right ul li:nth-child(2) {
          position: relative;
          bottom: -50px; } }
      .download-books .right ul li a {
        text-decoration: none; }
      .download-books .right ul li:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 10; }
        .download-books .right ul li:hover img {
          -webkit-box-shadow: 0 0 50px 0 white;
          box-shadow: 0 0 50px 0 white; }
        .download-books .right ul li:hover a {
          color: #ee2e2a; }

.archives-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6em;
  width: 100%;
  background: rgba(96, 156, 255, 0.1);
  padding: 15px 20px;
  gap: 15px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (min-width: 960px) {
    .archives-toolbar {
      gap: 35px; } }
  .archives-toolbar span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px; }
  .archives-toolbar input[type=radio] {
    display: none; }
  .archives-toolbar label {
    cursor: pointer;
    padding: 0 5px; }
    .archives-toolbar label.selected {
      color: #609cff;
      font-weight: 700;
      border-radius: 5px;
      background: #fff;
      font-size: .9em; }

.inner-page-content .container .book-archives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 20px; }
  .inner-page-content .container .book-archives li {
    width: calc(50% - 10px);
    line-height: 1; }
    @media (min-width: 960px) {
      .inner-page-content .container .book-archives li {
        width: calc(20% - 16px); } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .inner-page-content .container .book-archives li {
        width: calc(25% - 16px); } }
    .inner-page-content .container .book-archives li img {
      display: block;
      width: 100%; }
    .inner-page-content .container .book-archives li a {
      text-decoration: none;
      color: #1e1a1b; }
    .inner-page-content .container .book-archives li strong {
      display: block;
      margin: 10px 0 5px 0; }
    .inner-page-content .container .book-archives li em {
      font-style: normal;
      font-size: .9em;
      opacity: .6; }

.seniors-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-transform: uppercase;
  margin: 25px 0; }
  .seniors-links li {
    font-size: 1.1em;
    margin: 0 15px 0 0; }
    @media (min-width: 960px) {
      .seniors-links li {
        font-size: 1.4em; } }
    .seniors-links li .grey {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: .4; }
    .seniors-links li .active {
      -webkit-filter: grayscale(0);
      filter: grayscale(0);
      opacity: 1; }

.management {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .management li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    margin: 0 0 25px 0;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media (min-width: 960px) {
      .management li {
        width: 50%;
        margin: 0 0 25px 0; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .management li {
        width: 50%;
        margin: 0 0 25px 0; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .management li {
        width: 50%;
        margin: 0 0 25px 0; } }
    .management li img {
      display: block;
      width: 75px;
      height: 75px;
      margin: 0 20px 0 0;
      border-radius: 100em; }
      @media (min-width: 960px) {
        .management li img {
          width: 150px;
          height: 150px; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .management li img {
          width: 75px;
          height: 75px; } }
    .management li span {
      display: block;
      max-width: calc(100% - 200px); }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .management li span {
          max-width: calc(100% - 100px); } }
    .management li em {
      font-style: normal;
      color: #ee2e2a;
      text-transform: uppercase;
      font-weight: 700;
      font-size: .9em;
      line-height: 1.2em;
      margin: 0 0 5px 0;
      display: block; }
    .management li strong {
      display: block;
      font-size: 1.2em; }
      @media (min-width: 960px) {
        .management li strong {
          font-size: 1.4em; } }

@media (min-width: 960px) {
  .players {
    margin: 50px 0 0 0; } }

.page-board-of-management .content.inner-page-content .left h2,
.page-life-members .content.inner-page-content .left h2 {
  margin: 35px 0;
  font-size: 3em; }
  .page-board-of-management .content.inner-page-content .left h2:first-child,
  .page-life-members .content.inner-page-content .left h2:first-child {
    margin: 0 0 25px 0; }

.page-board-of-management .content.inner-page-content .left ul,
.page-life-members .content.inner-page-content .left ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .page-board-of-management .content.inner-page-content .left ul li,
  .page-life-members .content.inner-page-content .left ul li {
    list-style: none;
    width: calc(50% - 2px);
    margin: 0 2px 2px 0;
    padding: 25px;
    line-height: 1.3em;
    border-radius: 5px; }
    .page-board-of-management .content.inner-page-content .left ul li strong,
    .page-life-members .content.inner-page-content .left ul li strong {
      display: block; }
  .page-board-of-management .content.inner-page-content .left ul:nth-of-type(1) li, .page-board-of-management .content.inner-page-content .left ul:nth-of-type(6) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(1) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(6) li {
    background: rgba(96, 156, 255, 0.1); }
    .page-board-of-management .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(2n+2), .page-board-of-management .content.inner-page-content .left ul:nth-of-type(6) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(6) li:nth-child(2n+2) {
      background: rgba(96, 156, 255, 0.2); }
  .page-board-of-management .content.inner-page-content .left ul:nth-of-type(2) li, .page-board-of-management .content.inner-page-content .left ul:nth-of-type(7) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(2) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(7) li {
    background: rgba(238, 46, 42, 0.1); }
    .page-board-of-management .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(2n+2), .page-board-of-management .content.inner-page-content .left ul:nth-of-type(7) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(7) li:nth-child(2n+2) {
      background: rgba(238, 46, 42, 0.2); }
  .page-board-of-management .content.inner-page-content .left ul:nth-of-type(3) li, .page-board-of-management .content.inner-page-content .left ul:nth-of-type(8) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(3) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(8) li {
    background: rgba(11, 148, 68, 0.1); }
    .page-board-of-management .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(2n+2), .page-board-of-management .content.inner-page-content .left ul:nth-of-type(8) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(8) li:nth-child(2n+2) {
      background: rgba(11, 148, 68, 0.2); }
  .page-board-of-management .content.inner-page-content .left ul:nth-of-type(4) li, .page-board-of-management .content.inner-page-content .left ul:nth-of-type(9) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(4) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(9) li {
    background: rgba(156, 39, 176, 0.1); }
    .page-board-of-management .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(2n+2), .page-board-of-management .content.inner-page-content .left ul:nth-of-type(9) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(9) li:nth-child(2n+2) {
      background: rgba(156, 39, 176, 0.2); }
  .page-board-of-management .content.inner-page-content .left ul:nth-of-type(5) li, .page-board-of-management .content.inner-page-content .left ul:nth-of-type(10) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(5) li,
  .page-life-members .content.inner-page-content .left ul:nth-of-type(10) li {
    background: rgba(255, 152, 0, 0.1); }
    .page-board-of-management .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(2n+2), .page-board-of-management .content.inner-page-content .left ul:nth-of-type(10) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(2n+2),
    .page-life-members .content.inner-page-content .left ul:nth-of-type(10) li:nth-child(2n+2) {
      background: rgba(255, 152, 0, 0.2); }

.page-life-members .content.inner-page-content .left ul li {
  width: 50%;
  margin: 0; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(1) {
  background: rgba(204, 204, 204, 0.75) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(2) {
  background: rgba(204, 204, 204, 0.65) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(3) {
  background: rgba(204, 204, 204, 0.55) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(4) {
  background: rgba(204, 204, 204, 0.45) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(5) {
  background: rgba(204, 204, 204, 0.35) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(6) {
  background: rgba(204, 204, 204, 0.25) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(7) {
  background: rgba(204, 204, 204, 0.15) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(1) li:nth-child(8) {
  background: rgba(204, 204, 204, 0.05) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(1) {
  background: rgba(204, 204, 204, 0.75) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(2) {
  background: rgba(204, 204, 204, 0.65) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(3) {
  background: rgba(204, 204, 204, 0.55) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(4) {
  background: rgba(204, 204, 204, 0.45) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(5) {
  background: rgba(204, 204, 204, 0.35) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(6) {
  background: rgba(204, 204, 204, 0.25) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(7) {
  background: rgba(204, 204, 204, 0.15) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(2) li:nth-child(8) {
  background: rgba(204, 204, 204, 0.05) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(1) {
  background: rgba(204, 204, 204, 0.75) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(2) {
  background: rgba(204, 204, 204, 0.65) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(3) {
  background: rgba(204, 204, 204, 0.55) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(4) {
  background: rgba(204, 204, 204, 0.45) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(5) {
  background: rgba(204, 204, 204, 0.35) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(6) {
  background: rgba(204, 204, 204, 0.25) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(7) {
  background: rgba(204, 204, 204, 0.15) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(3) li:nth-child(8) {
  background: rgba(204, 204, 204, 0.05) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(1) {
  background: rgba(204, 204, 204, 0.75) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(2) {
  background: rgba(204, 204, 204, 0.65) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(3) {
  background: rgba(204, 204, 204, 0.55) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(4) {
  background: rgba(204, 204, 204, 0.45) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(5) {
  background: rgba(204, 204, 204, 0.35) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(6) {
  background: rgba(204, 204, 204, 0.25) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(7) {
  background: rgba(204, 204, 204, 0.15) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(4) li:nth-child(8) {
  background: rgba(204, 204, 204, 0.05) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(1) {
  background: rgba(204, 204, 204, 0.9) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(2) {
  background: rgba(204, 204, 204, 0.8) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(3) {
  background: rgba(204, 204, 204, 0.7) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(4) {
  background: rgba(204, 204, 204, 0.6) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(5) {
  background: rgba(204, 204, 204, 0.5) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(6) {
  background: rgba(204, 204, 204, 0.4) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(7) {
  background: rgba(204, 204, 204, 0.3) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(8) {
  background: rgba(204, 204, 204, 0.2) !important; }

.page-life-members .content.inner-page-content .left ul:nth-of-type(5) li:nth-child(9) {
  background: rgba(204, 204, 204, 0.1) !important; }

.form-links-container.hide {
  display: none; }

.form-links-container ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px; }
  @media (min-width: 960px) {
    .form-links-container ul {
      gap: 10px; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .form-links-container ul {
      gap: 8px; } }
  .form-links-container ul li {
    font-size: 1em; }
    .form-links-container ul li a {
      font-size: 1.4em; }
      .form-links-container ul li a.grey {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .4; }
      .form-links-container ul li a.active {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
        background: rgba(238, 46, 42, 0.05) !important; }
      .form-links-container ul li a:hover {
        background: rgba(238, 46, 42, 0.05) !important;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1; }
    .form-links-container ul li .button {
      padding: 5px 10px; }
      @media (min-width: 960px) {
        .form-links-container ul li .button {
          padding: 10px; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .form-links-container ul li .button {
          padding: 10px; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .form-links-container ul li .button {
          padding: 10px; } }

.galleries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px; }
  .galleries li {
    width: 100%;
    margin: 0 0 15px 0; }
    @media (min-width: 960px) {
      .galleries li {
        width: calc(25% - 20px); } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .galleries li {
        width: calc(25% - 20px); } }
    .galleries li img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      display: block;
      width: 100%;
      height: auto; }
    .galleries li a {
      text-decoration: none;
      color: #1e1a1b !important; }
    .galleries li span {
      display: block;
      position: relative; }
    .galleries li em {
      display: block;
      font-style: normal;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 50px;
      height: 50px;
      background: #ee2e2a;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      color: #fff;
      font-weight: 700;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 1.2em;
      line-height: 1; }
    .galleries li strong {
      display: block;
      font-weight: 700;
      margin: 10px 0 0 0; }
    .galleries li:hover img {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }

.gallery-solo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px; }
  .gallery-solo li {
    width: calc(50% - 10px);
    line-height: 1.3em; }
    @media (min-width: 960px) {
      .gallery-solo li {
        width: calc(25% - 20px); } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .gallery-solo li {
        width: calc(25% - 20px); } }
    .gallery-solo li a {
      position: relative;
      display: block;
      text-decoration: none; }
    .gallery-solo li .notice:hover .notice-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .gallery-solo li .notice-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 25px;
      font-weight: 700;
      position: absolute;
      top: 30px;
      left: 30px;
      width: calc(100% - 60px);
      height: calc(100% - 60px);
      text-align: center;
      display: none;
      color: #fff; }
      .gallery-solo li .notice-text span {
        z-index: 10; }
      .gallery-solo li .notice-text::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #002659;
        z-index: 1;
        opacity: .9; }
    .gallery-solo li svg {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 30px;
      height: 30px;
      padding: 6px;
      stroke: #fff; }

/* Fixtures  */
.fixtures-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .fixtures-list span {
    padding: 5px;
    width: 20% !important;
    text-align: left !important; }
    .fixtures-list span.spanner {
      width: 60% !important; }
  .fixtures-list li span:nth-child(1) {
    font-weight: bold; }
  .fixtures-list li.special {
    background: rgba(96, 156, 255, 0.1);
    border: dashed 1px #609cff; }
    .fixtures-list li.special span:nth-child(1) {
      color: #609cff; }

.page-contact .left {
  width: 100%; }

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .contact address {
    display: block;
    width: 100%;
    margin: 0 0 35px 0;
    font-style: normal;
    font-size: 1.6em; }
    .contact address strong {
      display: block; }
  .contact .contact-left {
    width: 100%; }
    @media (min-width: 960px) {
      .contact .contact-left {
        width: 50%;
        padding: 0 50px 0 0; } }
    .contact .contact-left .gform_wrapper {
      margin: 0; }
  .contact .contact-right {
    width: 100%; }
    @media (min-width: 960px) {
      .contact .contact-right {
        width: 50%; } }

#leaflet {
  display: block;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  margin: 25px 0 0 0; }
  @media (min-width: 960px) {
    #leaflet {
      height: 490px;
      margin: 0; } }

/*
    Presentation for footer.
*/
footer {
  background: #3f57a7;
  position: relative; }
  footer .container {
    padding: 45px 25px 45px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media (min-width: 960px) {
      footer .container {
        padding: 100px 0;
        max-width: 1400px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      footer .container {
        padding: 50px 25px;
        max-width: 100%; } }
  footer::before {
    content: '';
    display: block;
    width: 50%;
    background: #1e1a1b;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: solid 20px #0b9444; }
  footer::after {
    content: '';
    display: block;
    width: 50%;
    background: #ee2e2a;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: solid 20px #1e1a1b; }
  footer .footer-logo {
    width: 100px;
    position: absolute;
    right: 25px; }
    @media (min-width: 960px) {
      footer .footer-logo {
        width: 200px;
        position: relative;
        right: auto; } }
  footer .footer-things {
    width: 100%; }
    @media (min-width: 960px) {
      footer .footer-things {
        width: calc(100% - 200px);
        padding: 0 0 0 50px; } }
  footer nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  footer nav li {
    list-style: none;
    font-weight: 500;
    width: 70%;
    text-transform: uppercase;
    font-size: 1.4em; }
    @media (min-width: 960px) {
      footer nav li {
        width: 16.6666%; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      footer nav li {
        width: 30%; } }
    footer nav li a {
      color: #fff;
      display: block;
      padding: 0 0 15px 0; }
      footer nav li a:hover {
        color: #00ffea; }
  footer nav a {
    text-decoration: none; }
  footer .footer-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    position: relative;
    width: calc(100% + 50px);
    margin: 15px 0 25px -25px; }
    @media (min-width: 960px) {
      footer .footer-map {
        margin: 35px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        width: auto; } }
    footer .footer-map:hover svg {
      display: block; }
    footer .footer-map a {
      width: 0; }
      @media (min-width: 960px) {
        footer .footer-map a {
          width: 170px;
          height: 100%; } }
      footer .footer-map a img {
        display: block;
        position: absolute;
        top: 25px;
        right: 25px;
        width: 100px;
        border-radius: 10px; }
        @media (min-width: 960px) {
          footer .footer-map a img {
            position: relative;
            top: auto;
            right: auto;
            width: auto;
            border-radius: 0; } }
    footer .footer-map svg {
      stroke: #002659;
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 999;
      width: 30px;
      height: 30px;
      padding: 7px;
      background: #fff;
      border-radius: 7px;
      display: none; }
    footer .footer-map div {
      padding: 25px 150px 25px 25px;
      background: rgba(30, 26, 27, 0.7);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
      @media (min-width: 960px) {
        footer .footer-map div {
          width: auto;
          padding: 25px; } }
      footer .footer-map div p {
        margin: 0; }
      footer .footer-map div a {
        text-decoration: none;
        color: #fff; }
        footer .footer-map div a:hover {
          color: #00ffea; }
  footer p {
    margin: 0;
    color: #fff;
    font-size: 1.4em; }
  footer .copyright {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25em; }
    @media (min-width: 960px) {
      footer .copyright {
        font-size: 1.4em; } }
    footer .copyright svg {
      stroke: #609cff;
      width: 30px;
      height: 30px;
      margin: 0 5px; }
    footer .copyright span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  footer .ball {
    position: absolute;
    bottom: 350px;
    right: -100px;
    width: 200px;
    height: 200px;
    display: block;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    border-radius: 100%;
    cursor: crosshair;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (min-width: 960px) {
      footer .ball {
        bottom: -200px;
        right: 150px;
        width: 490px;
        height: 490px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      footer .ball {
        width: 270px;
        height: 270px;
        bottom: -105px;
        right: 200px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      footer .ball {
        width: 270px;
        height: 270px;
        bottom: -105px;
        right: 150px; } }
    footer .ball:hover {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-box-shadow: 0 0 150px 0 #609cff;
      box-shadow: 0 0 150px 0 #609cff; }
    footer .ball.kick {
      -webkit-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -webkit-transform: rotate(-180deg) scale(1%);
      -ms-transform: rotate(-180deg) scale(1%);
      transform: rotate(-180deg) scale(1%);
      opacity: 0;
      bottom: 480px;
      right: 50px; }
      @media (min-width: 960px) {
        footer .ball.kick {
          bottom: 100px;
          right: 150px; } }
      @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        footer .ball.kick {
          bottom: 100px;
          right: 150px; } }
  footer .score {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.4em;
    line-height: 1;
    position: absolute;
    bottom: 305px;
    right: 45px;
    color: #fff;
    opacity: 0;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: rgba(30, 26, 27, 0.5);
    padding: 2px 6px 4px 7px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (min-width: 960px) {
      footer .score {
        bottom: 45px;
        right: 60px; } }
    @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      footer .score {
        bottom: 45px;
        right: 130px; } }
    footer .score svg {
      width: auto;
      height: 10px;
      position: absolute;
      right: -27px;
      top: 0; }
    footer .score.show {
      opacity: 1; }
  footer div[itemtype="https://schema.org/LocalBusiness"] {
    margin: 25px 0 0 0; }
    footer div[itemtype="https://schema.org/LocalBusiness"] p {
      font-size: 1.4em;
      margin: 20px 0 0 0; }
  footer .business strong {
    display: block;
    margin: 0 0 20px 0;
    font-size: 1.4em;
    font-weight: normal; }
  footer .btt {
    width: 70px;
    height: 25px;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0;
    padding: 25px; }
    @media (min-width: 960px) {
      footer .btt {
        left: auto;
        right: 0;
        bottom: 0;
        width: 60px; } }
    footer .btt:hover {
      background: rgba(255, 255, 255, 0.5); }
      footer .btt:hover svg {
        fill: #3f57a7; }
    footer .btt svg {
      position: absolute;
      top: 10px;
      left: calc(50% - 12.5px);
      width: 25px;
      height: 25px;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      fill: #ee2e2a; }
      @media (min-width: 960px) {
        footer .btt svg {
          top: 12px;
          left: calc(50% - 12.5px); } }

table tr, table td {
  padding: 7px; }

table tr th {
  background: #03a9f4;
  color: #fff;
  text-align: left;
  /* Uncomment if you prefer traditional table style
            border-left: solid 1px #f1f1f1;
            border-bottom: solid 1px #f1f1f1;
            */ }

table td {
  border-bottom: solid 1px #f1f1f1;
  /* Uncomment if you prefer traditional table style
        border-left: solid 1px #f1f1f1;
        border-right: solid 1px #f1f1f1;
        */ }

/*
    This element is automatically injected with jQuery (see functions.php)
    but only on small screens.
*/
.table-scroll {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/*
    SCSS Form Reset Helpers
    https://gist.github.com/anthonyshort/552543
*/
/* Reset The Form Elements */
  ::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none; }

/*
    Gravity Form overrides.
*/
.gform_wrapper {
  margin: 40px 0 0 0; }

.gform-theme--foundation .gform_fields {
  row-gap: 20px; }

.gform_title {
  color: #ee2e2a;
  display: inline-block;
  font-size: 2.6em; }

.gform_required_legend {
  display: none; }

.gfield_validation_message {
  -webkit-margin-before: 0 !important;
  margin-block-start: 0 !important;
  color: #ee2e2a !important;
  font-weight: 500 !important;
  font-size: 1.4em !important; }

.gfield_required .gfield_required_asterisk {
  color: #ee2e2a;
  font-size: 1.2em;
  margin: 0 !important; }

.gform-field-label--type-sub {
  position: relative;
  top: -5px; }

.gform-theme--framework .gfield--type-section {
  border: none;
  border-top: solid 1px #ccc;
  padding: 20px 0 0 0; }

.gsection_title {
  margin: 0 0 5px 0; }

.gfield--type-total .ginput_container_total input {
  font-size: 1.6em !important; }

.gfield--type-product .gfield_label,
.gfield--type-total .gfield_label {
  font-weight: 700; }

.gfield--type-total {
  border-left: solid 5px #0b9444;
  padding: 0 0 0 10px; }

.inner-page-content .container .left .gform_submission_error {
  font-size: 1.6em; }

/* 
    Disables the 'Price' label.
    Yes this can be done in the GF interface, but to save doing it on every form
    it's easier to do it here in one place.
*/
.gfield--type-product .gform-field-label--type-sub-large {
  display: none; }

/* Misc form related selectors */
.choose-form-text .button-link {
  font-size: 1em;
  text-transform: none;
  font-weight: normal; }

.terms-button-link {
  margin: 25px 0 0 0; }

.registration-terms {
  display: none;
  padding: 25px;
  border: solid 1px #f1f1f1;
  background: #f9f9f9;
  margin: 25px 0 0 0; }
  @media (min-width: 960px) {
    .registration-terms {
      padding: 50px; } }
  .registration-terms ol {
    margin: 0; }
  .registration-terms h2 {
    font-size: 2.2em; }

.gfield--type-html {
  font-size: 1.6em;
  padding: 0 10px;
  border-left: solid 5px #FFC107; }

/* 
* Merch Page
*/
.category-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  .category-tabs .category-tab {
    border: solid 2px #ee2e2a;
    color: #1e1a1b;
    background: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 15px; }
    .category-tabs .category-tab.active {
      -webkit-filter: grayscale(0);
      filter: grayscale(0);
      opacity: 1;
      background: rgba(238, 46, 42, 0.05) !important;
      color: #ee2e2a; }

.products .product {
  text-align: center; }
  .products .product h2.woocommerce-loop-product__title {
    min-height: 48px; }
  .products .product .price {
    font-size: 1.5em !important;
    font-weight: bold !important; }
  .products .product a.added_to_cart.wc-forward {
    margin-left: 15px; }

select.orderby {
  font-size: 1.5em;
  padding: 5px; }

.woocommerce-result-count {
  display: none; }

.main-container main .add_to_cart_button {
  background-color: #ee2e2a;
  color: #fff;
  border-radius: 0px;
  padding: 15px;
  font-weight: bold;
  margin-top: 0em !important; }
  .main-container main .add_to_cart_button:hover {
    border-radius: 8px;
    background-color: #ee2e2a;
    color: #fff; }

/* Single Product Page */
.woocommerce-notices-wrapper .woocommerce-message {
  background: #002659;
  border-top-color: #0b9444;
  color: #fff;
  font-size: 1.2em; }
  .woocommerce-notices-wrapper .woocommerce-message:before {
    color: #0b9444; }
  .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward {
    background-color: #ee2e2a;
    color: #fff;
    border-radius: 0px;
    padding: 10px;
    font-weight: bold;
    margin-top: 0em !important; }
    .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover {
      border-radius: 8px;
      background-color: #ee2e2a;
      color: #fff; }

body.product .entry-header {
  display: none !important; }

body.product main {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 35px 25px; }
  @media (min-width: 960px) {
    body.product main {
      position: relative;
      display: block;
      max-width: 1200px;
      margin: 0 auto;
      z-index: 99;
      padding: 100px 0; } }
  @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    body.product main {
      padding: 75px 25px; } }
  @media (min-device-width: 1024px) and (max-device-width: 1370px) and (orientation: landscape) {
    body.product main {
      padding: 75px 25px; } }
  body.product main .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 15px; }
  body.product main .entry-summary p.price {
    margin-block: 15px !important;
    font-size: 3em;
    font-weight: bold; }
  body.product main .table-scroll .variations th.label {
    background: none;
    color: #1e1a1b;
    font-size: 1.5em;
    max-width: 30px; }
  body.product main .table-scroll .variations td.value select {
    font-size: 1.5em;
    padding: 5px; }
  body.product main .table-scroll .variations td.value a.reset_variations {
    color: #ee2e2a;
    font-size: 1em; }
  body.product main .single_variation_wrap,
  body.product main .cart {
    margin-top: 25px; }
    body.product main .single_variation_wrap .quantity,
    body.product main .cart .quantity {
      font-size: 1.5em;
      margin: 0 15px 0 0 !important; }
      body.product main .single_variation_wrap .quantity .qty,
      body.product main .cart .quantity .qty {
        padding: 5px;
        height: 45px; }
    body.product main .single_variation_wrap .single_add_to_cart_button,
    body.product main .cart .single_add_to_cart_button {
      background-color: #ee2e2a !important;
      color: #fff !important;
      border-radius: 0px;
      padding: 15px;
      font-weight: bold;
      font-size: 1.5em; }
      body.product main .single_variation_wrap .single_add_to_cart_button:hover,
      body.product main .cart .single_add_to_cart_button:hover {
        border-radius: 8px;
        background-color: #ee2e2a;
        color: #fff; }
  body.product main li#tab-title-description {
    display: none !important; }

/* Cart Page */
.page-cart .wc-block-cart .wc-block-components-main {
  font-size: 2em; }
  .page-cart .wc-block-cart .wc-block-components-main .wc-block-cart-item__wrap a.wc-block-components-product-name {
    text-decoration: none;
    color: #002659;
    font-weight: bold;
    width: 100%; }
  .page-cart .wc-block-cart .wc-block-components-main .wc-block-cart-item__wrap .wc-block-components-product-metadata__description {
    display: none !important; }
  .page-cart .wc-block-cart .wc-block-components-main .wc-block-cart-item__wrap .wc-block-cart-item__quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .page-cart .wc-block-cart .wc-block-components-main .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
      color: #ee2e2a !important; }
    .page-cart .wc-block-cart .wc-block-components-main .wc-block-cart-item__wrap .wc-block-cart-item__quantity input.wc-block-components-quantity-selector__input {
      font-weight: 500 !important; }

.page-cart .wc-block-cart .wc-block-components-sidebar .wc-block-components-panel__button,
.page-cart .wc-block-cart .wc-block-components-sidebar .wc-block-components-text-input {
  font-size: 1.5em; }

.page-cart .wc-block-cart .wc-block-components-sidebar button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
  background-color: #002659 !important;
  color: #fff !important;
  border-radius: 0px;
  padding: 13px;
  font-weight: bold;
  font-size: 1.5em; }
  .page-cart .wc-block-cart .wc-block-components-sidebar button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained:hover {
    border-radius: 8px;
    color: #fff; }

.page-cart .wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-item.wc-block-components-totals-footer-item {
  font-size: 1.5em; }

.page-cart .wc-block-cart .wc-block-components-sidebar a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  background-color: #ee2e2a !important;
  color: #fff !important;
  border-radius: 0px;
  padding: 13px;
  font-weight: bold;
  font-size: 1.5em;
  text-decoration: none;
  text-transform: uppercase; }
  .page-cart .wc-block-cart .wc-block-components-sidebar a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    border-radius: 8px;
    color: #fff; }

/* Checkout */
.page-checkout .container {
  max-width: 1400px; }
  .page-checkout .container .woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #002659;
    border-top-color: #609cff;
    color: #fff;
    font-size: 1.2em; }
    .page-checkout .container .woocommerce-form-coupon-toggle .woocommerce-info a {
      color: #fff; }
    .page-checkout .container .woocommerce-form-coupon-toggle .woocommerce-info:before {
      color: #609cff; }
  .page-checkout .container .woocommerce-form-coupon button.button {
    background-color: #ee2e2a;
    color: #fff;
    border-radius: 0px;
    padding: 10px;
    font-weight: bold;
    margin-top: 0em !important; }
    .page-checkout .container .woocommerce-form-coupon button.button:hover {
      border-radius: 8px;
      background-color: #ee2e2a;
      color: #fff; }
  .page-checkout .container h3#order_review_heading {
    padding-top: 25px; }
  .page-checkout .container .shop_table {
    font-size: 1.5em;
    border-collapse: collapse; }
    .page-checkout .container .shop_table tr th {
      background: transparent !important;
      color: #1e1a1b !important; }
  .page-checkout .container .woocommerce-checkout-payment .payment_box:before {
    display: none !important; }
  .page-checkout .container .woocommerce-checkout-payment .payment_box p {
    font-size: 1.2em;
    margin-top: 0px; }
  .page-checkout .container .woocommerce-checkout-payment .payment_box input {
    font-size: 15px !important; }
  .page-checkout .container .woocommerce-checkout-payment .woocommerce-privacy-policy-text {
    margin-bottom: 25px; }
  .page-checkout .container button#place_order {
    background-color: #ee2e2a !important;
    color: #fff !important;
    border-radius: 0px;
    padding: 13px;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: none;
    text-transform: uppercase; }
    .page-checkout .container button#place_order:hover {
      border-radius: 8px;
      color: #fff; }
  .page-checkout .container ul#shipping_method {
    font-size: 0.6em;
    font-weight: 500; }

/* Optional Imports*/