@charset "UTF-8";
/*! SCSS version of normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}
/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 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
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
a:active, a:hover {
  outline-width: 0;
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/**
 * 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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template, [hidden] {
  display: none;
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-family: forma-djr-micro, sans-serif;
  color: #686868;
}
a {
  color: #9bd78d;
  text-decoration: none;
  word-wrap: break-word;
}
a:hover {
  color: shade(#9bd78d, 15%);
}
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #d3d3d3;
}
ul {
  list-style: circle inside;
}
ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-top: 0;
}
ul {
  padding-left: 0;
  margin-top: 0;
}
ul ul, ul ol {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}
ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}
li {
  margin-bottom: 1rem;
}
dt {
  font-style: italic;
}
dd {
  padding-left: 2rem;
}
img, video {
  display: table;
  max-width: 100%;
  height: auto;
}
figure {
  margin: 0 auto;
  padding-bottom: 2.4rem;
}
figure img {
  display: table;
  margin: 0 auto;
}
caption, figcaption {
  font-size: 2rem;
  font-style: italic;
  text-align: center;
}
table {
  border-collapse: collapse;
  border-color: gray;
  border-spacing: 2px;
  max-width: 100%;
  width: 100%;
}
table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #d3d3d3;
}
table th, table td {
  padding: 0.6rem;
  vertical-align: top;
  border-top: 1px solid #ccc;
}
table th, table tfoot td {
  font-weight: 700;
  text-align: left;
}
table td {
  border-bottom: 1px solid #d3d3d3;
  padding: 0.6rem;
  text-align: left;
  vertical-align: top;
}
textarea, select {
  height: 38px;
  padding: 6px 16px;
  border: 1px solid #161616;
  line-height: 1.3;
  width: 86%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
textarea:focus, select:focus {
  border: 1px solid #413e4b;
  outline: 0;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  appearance: none;
  background-color: #fff;
  border-radius: 5rem;
  border: 1px solid #161616;
  box-shadow: none;
  box-sizing: border-box;
  height: 38px;
  padding: 6px 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {
  border: 1px solid #413e4b;
  outline: 0;
}
textarea {
  appearance: none;
  min-height: 65px;
  padding-bottom: 6px;
  padding-top: 6px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
label, legend {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
fieldset {
  padding: 0;
  border-width: 0;
}
input[type="checkbox"], input[type="radio"] {
  display: inline;
}
label > .label-body {
  display: inline-block;
  font-weight: normal;
  margin-left: 0.5rem;
}
pre {
  overflow: auto;
}
code {
  background: #e3e3e3;
  border-radius: 5rem;
  border: 1px solid #d3d3d3;
  font-size: 90%;
  margin: 0 0.2rem;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}
.u-full-width {
  width: 100%;
}
.u-max-full-width {
  max-width: 100%;
}
.u-pull--right {
  float: right;
}
.u-pull--left {
  float: left;
}
.u-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
/**
 * Clear inner floats
 */
.u-clearfix:after {
  clear: both;
  content: "";
  display: table;
}
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.u-hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.u-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.u-ta-left {
  text-align: left;
}
.u-ta-left {
  text-align: center;
}
.u-ta-right {
  text-align: right;
}
/**
 * Basic typography style for text
 */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 200;
  word-wrap: break-word;
}
h1 {
  font-size: 4.6rem;
  line-height: 1;
  letter-spacing: -0.1rem;
  text-align: center;
}
h2, p.h2-style {
  font-size: 3.8rem;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 700;
}
h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: black;
}
h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
  font-weight: 400;
}
h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}
h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}
@media (min-width: 550px) {
  h1 {
    font-size: 6rem;
  }
  h2 {
    font-size: 6.4rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
}
blockquote {
  margin: 0 0 2.4rem 1.2rem;
  border-left: 0.3rem solid #545454;
  padding: 2.4rem 1.2rem;
}
blockquote p:last-child {
  padding-bottom: 0;
}
small, sub, sup {
  font-size: 2rem;
  line-height: 1;
}
caption, figcaption {
  font-size: 2rem;
  font-style: italic;
  text-align: center;
}
em, cite, i {
  font-style: italic;
}
q:before {
  content: "'";
}
q:after {
  content: "'";
}
q > q {
  font-style: italic;
}
dfn, abbr {
  border-bottom: 0.1rem dotted #d3d3d3;
  cursor: default;
}
dfn, abbr {
  border-bottom: 0.1rem dotted #d3d3d3;
  cursor: default;
}
button, input {
  margin-bottom: 1rem;
}
fieldset, select, textarea {
  margin-bottom: 1.4rem;
}
blockquote, dl, figure, form, ol, p, pre, table, ul {
  margin-bottom: 2.4rem;
}
li {
  margin-bottom: 1rem;
}
label {
  margin-bottom: 0.25rem;
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 0.5cm;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
.menu-main-menu-container {
  line-height: 0;
}
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background-color: #413e4b;
  padding-bottom: 5px;
}
@media (min-width: 750px) {
  .main-navigation {
    float: none;
    width: 48%;
    background-color: transparent;
    margin: auto;
  }
}
.main-navigation ul {
  list-style: none;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: none;
  position: relative;
  width: 18.89%;
  text-align: center;
  height: 62px;
  margin: 0;
  padding: 10px 0 0;
  display: inline-block;
  border-right: 1px solid #7e7e7e;
}
@media (min-width: 750px) {
  .main-navigation li {
    border-right: 0;
    height: 85px;
  }
}
.main-navigation li:last-of-type {
  border-right: none;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
}
@media (min-width: 750px) {
  .main-navigation a {
    font-size: 16px;
  }
}
.main-navigation li a:before {
  content: "";
  display: block;
  margin: 0px auto 3px;
  padding: 0;
  text-align: center;
}
@media (min-width: 750px) {
  .main-navigation li a:before {
    margin: 0px auto 10px;
  }
}
.main-navigation li:nth-child(1) a:before {
  filter: brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(845%) hue-rotate(61deg) brightness(90%) contrast(96%);
  background: url(/wp-content/uploads/2019/05/stores-icon.svg);
  background-size: cover;
  height: 25px;
  width: 26px;
}
.main-navigation li:nth-child(2) a:before {
  filter: brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(845%) hue-rotate(61deg) brightness(90%) contrast(96%);
  background: url(/wp-content/uploads/2019/05/info-icon.svg);
  background-size: cover;
  height: 25px;
  width: 25px;
}
.main-navigation li:nth-child(3) a:before {
  filter: brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(845%) hue-rotate(61deg) brightness(90%) contrast(96%);
  background: url(/wp-content/uploads/2019/05/map-visit.svg);
  background-size: cover;
  height: 25px;
  width: 18px;
}
@media (min-width: 750px) {
  .main-navigation li:nth-child(1) a:before {
    height: 35px;
    width: 36px;
  }
  .main-navigation li:nth-child(2) a:before {
    height: 30px;
    width: 30px;
  }
  .main-navigation li:nth-child(3) a:before {
    height: 30px;
    width: 23px;
  }
}
.site-header {
  position: fixed;
  bottom: -7px;
  width: 100%;
  z-index: 90;
  box-shadow: 0 8px 15px 15px rgba(67, 48, 49, 0.15);
}
.site-header #navbar_inner {
  position: fixed;
  top: 0px;
  bottom: auto;
}
/*#navbar_inner {
	overflow: hidden;
	transition: 0.25s;
}*/
/*.sticky_inner {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}*/
.inner_sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 2000;
}
@media (min-width: 750px) {
  .site-header {
    position: relative;
    bottom: 30%;
    width: 100%;
    z-index: 90;
    box-shadow: none;
  }
  .site-header.internal {
    bottom: 50%;
  }
  #navbar {
    overflow: hidden;
    transition: 0.25s;
    background: #000;
  }
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 2000;
  }
  .sticky .site-header {
    bottom: -4px;
  }
  .sticky .main-navigation {
    padding-bottom: 0;
  }
  .inner_sticky {
    top: 100px;
  }
}
.site-branding {
  z-index: 80;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.2;
  width: 60%;
  margin-top: 60px;
}
.site-branding img {
  width: 140px;
  margin: auto;
  margin-bottom: 55px;
}
@media (min-width: 750px) {
  .site-branding {
    font-size: 45px;
    width: 32%;
    margin-bottom: 50px;
  }
  .site-branding img {
    width: 300px;
  }
}
.social--header {
  display: block;
  margin-top: 50px;
}
.social--header a {
  color: #ffffff;
  margin: 0 4px;
}
.home-wrapper {
  height: 100%;
  height: 100vh;
  background-color: #413e4b;
  background-image: url(/wp-content/uploads/2019/08/w-large.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 85%;
  color: #ffffff;
}
.home-wrapper p {
  color: #ffffff;
}
@media (min-width: 750px) {
  .home-wrapper {
    height: auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 53%;
  }
}
.internal-wrapper {
  background-color: #000;
  color: #ffffff;
}
.internal-wrapper p {
  color: #ffffff;
}
.home-wrapper h1, .internal-wrapper h1 {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.padding-small {
  padding: 16px;
}
.opening-time {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  margin: 0;
  padding-left: 50px;
  width: 50%;
  float: left;
  text-align: left;
}
.opening-time :before {
  content: "";
  filter: brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(845%) hue-rotate(61deg) brightness(90%) contrast(96%);
  background-image: url(/wp-content/uploads/2019/05/clock-icon.svg);
  background-size: cover;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 18px;
  left: 18px;
}
.postcode {
  text-align: right;
  padding-top: 18px;
  width: 50%;
  float: left;
}
.postcode :before {
  content: "";
  filter: brightness(0) saturate(100%) invert(85%) sepia(15%) saturate(845%) hue-rotate(61deg) brightness(90%) contrast(96%);
  background-image: url(/wp-content/uploads/2019/05/map-visit.svg);
  background-size: cover;
  height: 26px;
  width: 19px;
  position: absolute;
  top: 18px;
  right: 100px;
}
.social {
  display: block;
  float: right;
  margin: 20px;
  font-size: 25px;
}
.social.show-on-mobile {
  display: block;
  float: right;
  margin: 20px;
}
.hide-on-mobile {
  display: none;
}
@media (min-width: 750px) {
  .opening-time {
    width: 200px;
  }
  .postcode {
    text-align: right;
    padding-top: 18px;
    width: 200px;
    float: right;
    position: absolute;
    right: 0;
  }
  .postcode :before {
    top: 18px;
    right: 100px;
    left: auto;
  }
  .social.show-on-desktop {
    display: block;
    position: absolute;
    right: 0;
  }
  .hide-on-desktop {
    display: none;
  }
  .hide-on-mobile {
    display: block;
  }
}
.scroll-downs {
  margin: 75px auto;
  width: 100%;
  height: 55px;
  position: relative;
  display: inline-block;
  text-align: center;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 3px solid #9bd78d !important;
  border-radius: 25px;
  opacity: 1;
  box-sizing: content-box;
  margin: auto;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #9bd78d;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
.site-footer {
  /*background-color: $color-primary;*/
  text-align: center;
  padding: 50px 25px 100px;
  font-size: 13px;
  font-size: 1.3rem;
}
.site-footer h3 {
  color: #9bd78d;
}
.site-footer h2 {
  color: #ffffff;
}
.site-footer .btn, .site-footer [type="submit"], .site-footer [type="reset"], .site-footer [type="button"] {
  color: #ffffff;
  border: solid 1px #ffffff;
}
.site-footer img {
  margin: 0 auto 20px;
  width: 150px;
}
.site-footer .social {
  margin: 25px auto;
  font-size: 25px;
  float: none;
}
.site-footer .social a {
  color: #ffffff;
}
@media (min-width: 750px) {
  .site-footer img {
    margin: 45px auto;
    width: 225px;
  }
}
.menu-footer-menu-container ul {
  list-style: none;
}
.menu-footer-menu-container li {
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .menu-footer-menu-container li {
    display: inline-block;
    margin: 0 10px;
  }
}
.site-info {
  color: #ffffff;
}
.site-info a {
  color: #ffffff;
}
/*
Containers

Use containers when you need a content area that has standard maximum width and centered on the page.

Markup:
<div class="container {modifier_class}}">Container</div>

.container          - Default container size = $container-width
.container--sm      - Small Container
.container--lg      - Large Container
*/
.container {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 10px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.container--lg {
  margin: 0 auto;
  max-width: 1200px;
  padding: 3.2rem 1rem;
}
.container--sm {
  margin: 0 auto;
  max-width: 640px;
  padding: 2.4rem 2rem;
}
.col {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0;
  }
}
@media (min-width: 550px) {
  .container {
    width: 80%;
  }
  .col {
    margin-left: 2%;
  }
  .col:first-child {
    margin-left: 0;
  }
  .col--1 {
    width: 6.5%;
  }
  .col--2 {
    width: 15%;
  }
  .col--3 {
    width: 23.5%;
  }
  .col--4 {
    width: 32%;
  }
  .col--5 {
    width: 40.5%;
  }
  .col--6 {
    width: 49%;
  }
  .col--7 {
    width: 57.5%;
  }
  .col--8 {
    width: 66%;
  }
  .col--9 {
    width: 74.5%;
  }
  .col--10 {
    width: 83%;
  }
  .col--11 {
    width: 91.5%;
  }
  .col--12 {
    width: 100%;
    margin-left: 0;
  }
  .col--1-3 {
    width: 32%;
  }
  .col--2-3 {
    width: 66%;
  }
  .col--1-2 {
    width: 49%;
  }
  .col--offset-1 {
    margin-left: 8.5% !important;
  }
  .col--offset-2 {
    margin-left: 17% !important;
  }
  .col--offset-3 {
    margin-left: 25.5% !important;
  }
  .col--offset-4 {
    margin-left: 34% !important;
  }
  .col--offset-5 {
    margin-left: 42.5% !important;
  }
  .col--offset-6 {
    margin-left: 51% !important;
  }
  .col--offset-7 {
    margin-left: 59.5% !important;
  }
  .col--offset-8 {
    margin-left: 68% !important;
  }
  .col--offset-9 {
    margin-left: 76.5% !important;
  }
  .col--offset-10 {
    margin-left: 85% !important;
  }
  .col--offset-11 {
    margin-left: 93.5% !important;
  }
  .col--offset-1-3 {
    margin-left: 34% !important;
  }
  .col--offset-2-3 {
    margin-left: 68% !important;
  }
  .col--offset-1-2 {
    margin-left: 51% !important;
  }
}
/* Self Clearing Goodness */
.container:after, .row:after {
  clear: both;
  content: "";
  display: table;
}
/*

Grid

This is a grid made using flexbox. Use the ff classes to setup a flexbox grid:

.flex-grid               - Grid is always shown, even in small screens

// Modifier classes for `.flex-grid`.
// Use these classes to set the screen width when the grid is visible.

// Grid Modifiers
.flex-grid--md           - Grid starts at medium sized screens
.flex-grid--lg           - Grid starts at large and up screens


Use `.flex-grid__col` to define a column inside a `.flex-grid` grid.
Direct children of `.flex-grid` are columns with the class,
`.flex-grid__col`

Markup:
<div class="demo-grid">
  <div class="flex-grid">
    <div class="flex-grid__col">Cell 1</div>
    <div class="flex-grid__col">Cell 2</div>
    <div class="flex-grid__col">Cell 3</div>
  </div>
  <div class="flex-grid flex-grid--md">
    <div class="flex-grid__col flex-grid__col--sm">Half-width column</div>
    <div class="flex-grid__col">Default width column</div>

  </div>
  <div class="flex-grid flex-grid--md">
    <div class="flex-grid__col flex-grid__col--fixed-width">Cell 1</div>
    <div class="flex-grid__col">Cell 2</div>
  </div>
  <div class="flex-grid flex-grid--lg">
    <div class="flex-grid__col flex-grid__col--lg">Double-width column</div>
    <div class="flex-grid__col">Default width column</div>
  </div>
</div>

// Column modifiers

.flex-grid__col--sm           - half the width of default column
.flex-grid__col--lg           - double the width of default column
.flex-grid__col--fixed-width  - fixed-width column (default = 200px)
*/
.flex-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-grid > * {
  flex: 1;
}
.flex-grid > *.flex-grid__col {
  flex-grow: 4;
  margin-left: 2%;
}
.flex-grid > *.flex-grid__col--fixed-width {
  flex: 0 0 200px;
}
.flex-grid > *.flex-grid__col--sm {
  flex-grow: 2;
}
.flex-grid > *.flex-grid__col--lg {
  flex-grow: 8;
}
.flex-grid > *:first-child {
  margin-left: 0rem;
}
.flex-grid > *:last-child {
  margin-right: 0rem;
}
@media (max-width: 549px) {
  .flex-grid--md {
    display: block;
  }
  .flex-grid--md > * {
    padding-left: 0;
    padding-right: 0;
  }
  .flex-grid--md > *.flex-grid__col {
    margin-left: 0;
  }
}
@media (max-width: 959px) {
  .flex-grid--lg {
    display: block;
  }
  .flex-grid--lg > * {
    padding-left: 0;
    padding-right: 0;
  }
  .flex-grid--lg > *.flex-grid__col {
    margin-left: 0;
  }
}
.btn, [type="submit"], [type="reset"], [type="button"], .button {
  background-color: transparent;
  border-radius: 5rem;
  border: 1px solid #000;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: 500;
  text-transform: capitalize;
  height: 36px;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 1rem;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  transition-duration: 200ms;
  white-space: nowrap;
  font-size: 15px;
}
.btn:focus, [type="submit"]:focus, [type="reset"]:focus, [type="button"]:focus, .btn:hover, [type="submit"]:hover, [type="reset"]:hover, [type="button"]:hover, .button:focus, .button:hover {
  color: #7e7e7e;
  border-color: lightgray;
  outline: 0;
  background-color: #000000;
  border: 1px solid #000;
}
.btn:focus a, [type="submit"]:focus a, [type="reset"]:focus a, [type="button"]:focus a, .btn:hover a, [type="submit"]:hover a, [type="reset"]:hover a, [type="button"]:hover a, .button:focus a, .button:hover a {
  color: #ffffff;
}
.btn:focus, [type="submit"]:focus, [type="reset"]:focus, [type="button"]:focus, .button:focus {
  outline: 0.1rem dotted #a8a8a8;
}
.btn:active, [type="submit"]:active, [type="reset"]:active, [type="button"]:active, .button:active {
  background-color: #413e4b;
}
.btn--primary {
  color: #ffffff;
  background-color: #413e4b;
  border-color: #413e4b;
}
.btn--primary:focus, .btn--primary:hover {
  color: #ffffff;
  background-color: #29272f;
  border-color: #413e4b;
}
.btn--secondary {
  color: #e4e4e4;
  background-color: #9bd78d;
  border-color: #9bd78d;
}
.btn--secondary:focus, .btn--secondary:hover {
  color: #e4e4e4;
  background-color: #69c354;
  border-color: #9bd78d;
}
.btn--success {
  background-color: #2BC016;
  border-color: #2BC016;
  color: #ffffff;
}
.btn--success:focus, .btn--success:hover {
  color: #ffffff;
  background-color: #26a913;
  border-color: #2BC016;
}
.btn--info {
  background-color: #5BC0EB;
  border-color: #5BC0EB;
  color: #ffffff;
}
.btn--info:focus, .btn--info:hover {
  color: #ffffff;
  background-color: #2eafe5;
  border-color: #5BC0EB;
}
.btn--warning {
  background-color: #E67E22;
  border-color: #E67E22;
  color: #ffffff;
}
.btn--warning:focus, .btn--warning:hover {
  color: #ffffff;
  background-color: #bf6516;
  border-color: #E67E22;
}
.btn--danger {
  background-color: #C3423F;
  border-color: #C3423F;
  color: #ffffff;
}
.btn--danger:focus, .btn--danger:hover {
  color: #ffffff;
  background-color: #9e3431;
  border-color: #C3423F;
}
.btn-outline--primary {
  background-color: transparent;
  border-color: #413e4b;
  color: #413e4b;
}
.btn-outline--primary:focus, .btn-outline--primary:hover {
  color: #000;
  background-color: #413e4b;
  border-color: #413e4b;
}
.btn-outline--secondary {
  background-color: transparent;
  border-color: #9bd78d;
  color: #9bd78d;
}
.btn-outline--secondary:focus, .btn-outline--secondary:hover {
  color: #d3d3d3;
  background-color: #545454;
  border-color: #9bd78d;
}
.btn-outline--success {
  background-color: transparent;
  border-color: #2BC016;
  color: #2BC016;
}
.btn-outline--success:focus, .btn-outline--success:hover {
  color: #ffffff;
  background-color: #2BC016 !important;
  border-color: #2BC016;
}
.btn-outline--info {
  background-color: transparent;
  border-color: #5BC0EB;
  color: #5BC0EB;
}
.btn-outline--info:focus, .btn-outline--info:hover {
  color: #ffffff;
  background-color: #5BC0EB;
  border-color: #5BC0EB;
}
.btn-outline--warning {
  background-color: transparent;
  border-color: #E67E22;
  color: #E67E22;
}
.btn-outline--warning:focus, .btn-outline--warning:hover {
  color: #ffffff;
  background-color: #E67E22;
  border-color: #E67E22;
}
.btn-outline--danger {
  background-color: transparent;
  border-color: #C3423F;
  color: #C3423F;
}
.btn-outline--danger:focus, .btn-outline--danger:hover {
  color: #ffffff;
  background-color: #C3423F;
  border-color: #C3423F;
}
.btn--lg {
  font-size: inherit;
  font-weight: 100;
  height: 5.8rem;
  line-height: 5.8rem;
  vertical-align: middle;
  padding: 0 4rem;
}
.btn--raised {
  border-width: 0;
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
.pager {
  list-style: none;
  margin-bottom: 1.5rem;
  margin-left: 0;
  text-align: center;
}
.pager li {
  margin: 0;
  display: inline-block;
}
.pager li:last-child {
  margin-right: 0;
}
.pager li:hover {
  background-color: tint(#d3d3d3, 30%);
}
.pager li a {
  display: inline-block;
  padding: 0rem 1rem;
}
.pager li a:hover {
  background-color: #e4e4e4;
  text-decoration: none;
}
.pager li.pager--current {
  background-color: #413e4b;
}
.pager li.pager--current a {
  color: #fff;
  padding: 0 1rem;
  margin-bottom: 0rem;
}
.pager li.pager--current a:hover {
  background-color: #413e4b;
  padding: 0rem 1rem;
}
.table thead > tr {
  border-bottom: 0.2rem solid #d3d3d3;
}
.table--bordered th, .table--bordered td {
  border: 0.05rem solid #d3d3d3;
}
.table--striped tbody > tr:nth-child(odd) > td {
  background-color: #e4e4e4;
}
.table--hover tbody tr:hover {
  background-color: #e4e4e4;
}
.table--compact thead > tr {
  border-bottom: 0.2rem solid #d3d3d3;
}
.table--compact th, .table--compact td {
  padding: 0.3rem;
}
.table-responsive {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.table-responsive table {
  margin-bottom: 0.5rem;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
.post .entry-content {
  text-align: center;
  padding-bottom: 75px;
}
.post .entry-content img {
  margin: 25px auto 35px;
}
.whats-happening {
  padding: 25px;
  width: 100%;
}
.margin {
  margin: 15px;
}
@media (min-width: 750px) {
  .margin {
    margin: 40px;
  }
}
.recentpost-widget .entry-title {
  background-color: #ffab30;
  text-align: center;
  padding: 50px 25px;
}
.recentpost-widget a {
  color: black;
}
.recentpost-widget img {
  width: 100%;
}
.recentpost-widget h2 {
  margin-bottom: 30px;
  font-size: 4.4rem;
}
.recentpost-widget h3 {
  color: #000000;
}
@media (min-width: 750px) {
  .recentpost-widget .entry-title {
    padding: 50px 65px;
  }
}
@media (min-width: 1200px) {
  .recentpost-widget .entry-title {
    padding: 50px 65px;
  }
  .recentpost-widget h2 {
    font-size: 6.4rem;
  }
}
.vertical-align-table {
  display: table;
  height: 100%;
  width: 100%;
  background-color: #ffab30;
}
.vertical-align-table--cell {
  display: table-cell;
  vertical-align: middle;
}
.info-icon-image svg {
  text-align: center;
  margin: auto;
  width: 25%;
  height: 1%;
}
.offers-widget .entry-title {
  background-color: #9bd78d;
  text-align: center;
  padding: 30px 25px 20px;
}
.offers-widget .entry-title h2 {
  font-size: 3.4rem;
}
.offers-widget a {
  color: black;
}
.valid-date {
  background-color: #413e4b;
  padding: 15px 25px 18px;
  text-align: center;
  height: 100%;
}
.valid-date a {
  color: #ffffff;
}
.valid-date .btn, .valid-date [type="submit"], .valid-date [type="reset"], .valid-date [type="button"] {
  border: 1px solid #ffffff;
}
.valid-date h3 {
  color: #9bd78d;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
}
.valid-date h3 span {
  color: #ffffff;
}
.article-wrapper:nth-of-type(2) .entry-title {
  background-color: #ffab30;
}
.article-wrapper:nth-of-type(3) .entry-title {
  background-color: #e523db;
}
.article-wrapper:nth-of-type(3) .entry-title h2 a {
  color: #ffffff;
}
.info-section {
  background-color: #413e4b;
  text-align: center;
  padding: 75px 25px;
}
.info-section h3 {
  color: #9bd78d;
}
.info-section h2 {
  color: #ffffff;
}
.info-section .btn, .info-section [type="submit"], .info-section [type="reset"], .info-section [type="button"] {
  color: #ffffff;
  border: solid 1px #ffffff;
}
.offers-section {
  text-align: center;
  padding: 75px 25px;
}
.key-links {
  background-color: #413e4b;
  color: #ffffff;
  padding: 75px 15px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 300;
}
.key-links p {
  margin-bottom: 5rem;
}
.key-links-icons {
  border-radius: 50%;
  border: solid 2px #18eeff;
  margin: 20px auto;
  height: 150px;
  width: 150px;
  display: table;
}
.key-links-icons svg {
  margin: auto;
  width: 70px;
}
@media (min-width: 750px) {
  .key-links-icons {
    height: 200px;
    width: 200px;
  }
  .key-links-icons svg {
    width: auto;
  }
}
.stores-section {
  background-color: #0560ab;
  text-align: center;
  padding: 75px 25px;
}
.stores-section h3 {
  color: #9bd78d;
}
.stores-section h2 {
  color: #000;
  margin-bottom: 40px;
}
.stores-section .btn, .stores-section [type="submit"], .stores-section [type="reset"], .stores-section [type="button"] {
  color: #9bd78d;
  border: solid 1px #9bd78d;
}
.stores-section a {
  color: #9bd78d;
}
@media (min-width: 750px) {
  .info-section, .stores-section {
    padding: 100px 25px;
  }
}
.visit-us {
  background-image: url(/wp-content/uploads/2019/08/Centre-Info-Image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 500px;
  color: #ffffff;
  padding: 75px 15px;
  margin: 25px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 300;
}
.visit-us p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 5rem;
}
.visit-us h2 {
  color: #ffffff;
}
.visit-us .btn, .visit-us [type="submit"], .visit-us [type="reset"], .visit-us [type="button"] {
  color: #ffffff;
  border: solid 1px #ffffff;
}
.visit-us a {
  color: #ffffff;
}
.visit-us img {
  text-align: center;
  margin: 0 auto 40px;
  width: 100px;
}
.error-404, .no-results, .search-results {
  text-align: center;
  padding-bottom: 75px;
}
.search-results .stores .entry-title, .search-results .stores .entry-header img {
  padding: 0;
  max-width: 100%;
}
.post-navigation {
  display: none;
}
.page-id-58 table td {
  font-size: inherit;
}
.article-wrapper {
  margin-bottom: 15px;
}
.breadcrumb-wrapper {
  padding: 15px 0;
  text-align: center;
}
@media (min-width: 750px) {
  .breadcrumb-wrapper {
    padding: 30px 0;
  }
}
.image-container {
  width: 100%;
  min-height: 180px;
  text-align: center;
  background: #e4e4e4;
  display: table;
  height: 100%;
}
.image-container .image-container-block {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: 0;
  padding-bottom: 66.8%;
}
.image-container img {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 35px;
  min-height: 295px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.page-header {
  padding: 0 0 60px;
}
@media (min-width: 750px) {
  .page-header {
    padding: 0 0 30px;
  }
}
.category-offers .post-thumbnail img {
  width: 100%;
  min-height: 150px;
  padding: 0 30px;
}
.post h1 {
  font-weight: 600;
  color: #413e4b;
  margin-bottom: 35px;
}
.post-intro {
  text-align: center;
}
.post-intro h3 {
  font-weight: 600;
  color: #9bd78d;
}
.post-intro h3 span {
  font-weight: 200;
  color: #413e4b;
}
.article-wrapper .category-offers {
  margin-bottom: 25px;
}
.offers-widget {
  height: 100%;
}
.category-news .offers-widget .entry-title {
  height: auto;
  background: transparent;
}
.entry-content.container {
  text-align: center;
}
.entry-content.container img {
  margin-bottom: 25px;
}
.store-page-link {
  text-align: center;
  padding: 50px 0;
}
.store-page-link a {
  margin: 0;
}
/* Tabs container */
.r-tabs {
  position: relative;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  list-style: none;
  padding: 13px;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  display: block;
  padding: 12px;
  text-decoration: none;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  color: #444;
  display: block;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:hover {
  color: #444;
  display: block;
}
.r-tabs-nav li {
  background: #ffffff;
  border-radius: 50%;
  transition-duration: 200ms;
  border: solid 2px #413e4b;
}
.r-tabs-nav li:hover {
  background: #18eeff;
}
.r-tabs-nav li a {
  text-indent: -9999px;
  height: 50px;
  width: 50px;
}
.r-tabs-nav li:nth-child(1) a {
  background: url(/wp-content/uploads/2019/05/walk-bike-icon.svg) no-repeat center;
  background-size: 47px;
}
.r-tabs-nav li:nth-child(2) a {
  background: url(/wp-content/uploads/2019/05/bus-icon.svg) no-repeat center;
  background-size: 26px;
}
.r-tabs-nav li:nth-child(3) a {
  background: url(/wp-content/uploads/2019/05/car-icon.svg) no-repeat center;
  background-size: 33px;
}
.r-tabs-nav li:nth-child(4) a {
  background: url(/wp-content/uploads/2019/05/train-icon.svg) no-repeat center;
  background-size: 24px;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
  display: none;
}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block;
  padding: 10px;
  background-color: #444;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color: #fff;
  color: #444;
  text-shadow: none;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-nav {
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 650px) {
  /* Set to desired media size for accordion layout */
  /* .r-tabs .r-tabs-nav {
                display: none;
        }
         */
  .r-tabs {
    border-radius: 0;
  }
  .r-tabs .r-tabs-panel {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .r-tabs .r-tabs-accordion-title {
    display: none;
  }
  .r-tabs-accordion-title .r-tabs-anchor:after {
    content: "";
    font-family: "dashicons";
    float: right;
  }
  .r-tabs-state-active .r-tabs-anchor:after {
    content: "";
    font-family: "dashicons";
    float: right;
  }
  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    border-bottom: 1px solid;
  }
  .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    opacity: 0.9;
  }
}
@media (min-width: 750px) {
  .r-tabs .r-tabs-nav .r-tabs-tab {
    margin: 0 15px;
  }
  .r-tabs-nav li a, .r-tabs-nav li a:hover, .r-tabs-nav li a:active {
    height: 100px;
    width: 100px;
  }
  .r-tabs-nav li:nth-child(1) a {
    background-size: 70px;
  }
  .r-tabs-nav li:nth-child(3) a {
    background-size: 60px;
  }
  .r-tabs-nav li:nth-child(2) a, .r-tabs-nav li:nth-child(4) a {
    background-size: 40px;
  }
  .r-tabs .r-tabs-nav {
    margin: 0 0 80px;
  }
}
.category-selector-container {
  background: #d3d3d3;
  padding: 20px;
  margin: 20px 0 0;
  text-align: center;
}
@media (min-width: 750px) {
  .category-selector-container {
    background: #d3d3d3;
    padding: 40px;
    margin: 0;
    text-align: center;
    border: 5px solid #FFF;
  }
}
.category-selector-header, .stores-selector label, .category-selector.whatson {
  color: #413e4b;
  text-align: center;
}
.category-selector.whatson {
  padding: 35px;
  background: #e4e4e4;
  margin: 0;
}
span.choose {
  margin: 0;
  display: inline-block;
  padding: 0;
}
@media (min-width: 750px) {
  span.choose {
    padding: 0 20px 0 0;
  }
}
.category-selector.whatson #category-selector {
  margin: 0;
  display: inline-block;
}
.category-selector.whatson #category-selector select {
  margin: 0;
}
.stores-selector label {
  margin-bottom: 10px;
}
.category-selector label {
  display: inline-block;
}
.category-selector {
  margin: 15px 0 5px;
}
#category-selector {
  margin: 0;
}
.autocomplete-suggestions {
  padding: 5px 10px;
  background: #ffffff;
}
.stores-container {
  clear: both;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 50px;
}
.stores-block-wrapper {
  margin: 0;
  box-sizing: border-box;
  float: left;
  padding: 0;
  display: inline-block;
  height: 134px;
  border: 2px solid #fff;
  width: 50% !important;
}
@media (min-width: 550px) {
  .stores-block-wrapper {
    width: 33.3%;
    height: 150px;
    border: 5px solid #fff;
  }
}
@media (min-width: 1000px) {
  .stores-block-wrapper {
    width: 20% !important;
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .stores-block-wrapper {
    width: 20%;
    height: 210px;
  }
}
.stores-block {
  display: table;
  table-layout: fixed;
  vertical-align: middle;
  background: #e4e4e4;
  overflow: hidden;
  transition: background 0.5s;
  width: 100%;
  padding: 0;
  height: 100%;
}
.stores-block .blog-thumbnail-image {
  height: 100%;
  padding: 0;
  display: table-row;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  width: 100%;
  border: none !important;
  margin: 0;
}
.stores-block a {
  height: 100%;
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #413e4b;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 300;
  padding: 15px;
  font-size: 16px;
}
.stores-block .blog-thumbnail-image img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 15px;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
@media (min-width: 550px) {
  .stores-block .blog-thumbnail-image img {
    max-height: 40%;
    max-width: 63%;
  }
  .stores-block a {
    font-size: 26px;
  }
}
@media (min-width: 1000px) {
  .stores-block .blog-thumbnail-image img {
    max-height: 100%;
    width: 100%;
  }
}
.stores-block h2 {
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  display: table-row;
  margin: 0;
  line-height: 1;
  padding: 0;
}
.stores .main-content {
  margin: 50px 0;
}
.stores .entry-title {
  padding: 40px 40px 80px;
}
.stores .entry-content {
  position: relative;
}
.stores .entry-header img {
  padding: 0;
  margin: 30px auto 50px;
  width: 230px;
  max-height: 245px;
}
@media (min-width: 750px) {
  .stores .entry-header img {
    width: 320px;
    max-height: 320px;
    padding: 50px 0;
    height: 100%;
  }
}
.store-boxes {
  padding: 35px 30px 40px;
  background: #413e4b;
  text-align: center;
  font-size: 2.5rem;
}
@media (min-width: 750px) {
  .store-boxes {
    width: 35%;
    margin: 60px auto;
    font-size: 3rem;
  }
}
.store-boxes a {
  color: #ffffff;
}
p.pre-text {
  color: #9bd78d;
  margin-bottom: 15px;
  font-size: 3rem;
}
.stores .social-media-icons {
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 750px) {
  .stores .social-media-icons {
    margin-bottom: 100px;
  }
}
.opening-hours h2, .social h2 {
  text-align: center;
  color: #413e4b;
  margin-bottom: 45px;
}
.opening-hours {
  margin: 70px 0 50px;
}
@media (min-width: 750px) {
  table.opening {
    width: 60%;
    margin: 0 auto;
  }
}
table tr {
  border-top: 0;
  border-bottom: 1px solid #d3d3d3;
}
table tr:last-of-type {
  border-bottom: 0;
}
table td {
  border-top: 0;
  border-bottom: 0;
  padding: 12px 0;
  text-align: left;
  vertical-align: middle;
  font-size: 2rem;
  color: #545454;
  font-weight: 300;
}
table td:nth-child(2) {
  text-align: right;
  padding-right: 0;
}
@media (min-width: 750px) {
  table td {
    font-size: 2.5rem;
  }
}
.page-template-tpl-info .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 750px) {
  .page-template-tpl-info h2 {
    font-size: 5.4rem;
  }
}
#info-menu {
  margin-bottom: 0px;
  overflow: auto;
  white-space: nowrap;
  background: #e4e4e4;
}
#info-menu li {
  margin: 0;
}
#info-menu li a {
  padding: 5px 15px;
  display: block;
  line-height: 2;
  color: #545454;
}
#info-menu li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
#info-menu a {
  display: block;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding: 15px 0;
}
#info-menu a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #9bd78d;
  height: 3px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#info-menu a:hover:before, #info-menu a:focus:before, #info-menu a:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.page-template-tpl-info {
  text-align: center;
  color: #413e4b;
}
.page-template-tpl-info h2 {
  text-align: center;
}
hr {
  margin-top: 0;
  margin-bottom: 0;
  border-width: 0;
  border-top: 1px solid #413e4b;
}
.facilities-wrapper {
  color: #000;
  padding-top: 50px;
  padding-bottom: 50px;
}
.facilities-wrapper svg {
  margin: 20px auto 40px;
  max-height: 95px;
  width: 100%;
}
.facilities-wrapper p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.facilities-wrapper h2 {
  text-align: center;
}
#car-parking svg {
  margin: 35px auto;
}
.taxi-wrapper {
  background: #ffab30;
  padding: 50px;
}
.taxi-wrapper p.h2-style {
  color: #ffffff;
  font-size: 3rem;
}
.taxi-inner {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #413e4b;
}
.taxi-inner p.info-detail {
  margin: 0;
  font-size: 25px;
  line-height: 1.4;
}
.taxi-inner:last-of-type {
  border-bottom: 0;
}
@media (min-width: 750px) {
  .taxi-inner {
    border-bottom: none;
  }
  .taxi-wrapper p.h2-style {
    font-size: 5rem;
  }
}
.info-pull-out {
  padding: 20px 20px 15px;
  background: #e4e4e4;
  border-left: 5px solid #9bd78d;
  border-right: 5px solid #9bd78d;
  margin: 0 auto;
}
.info-pull-out p {
  margin-bottom: 10px;
}
.info-pull-out a {
  color: #413e4b;
}
.commercial-opportunities img {
  max-height: 165px;
  margin: 20px auto 40px;
  max-width: 240px;
}
.commercial-opportunities .commercial-inner {
  border-bottom: 1px solid #413e4b;
  margin: 23px auto 0;
  padding-bottom: 23px;
}
.commercial-opportunities:last-of-type {
  border-bottom: 0;
}
.commercial-opportunities .vertical-align-table {
  background: transparent;
}
@media (min-width: 750px) {
  .commercial-opportunities .commercial-inner {
    border-bottom: none;
  }
}
.job-vacancies-wrapper {
  background: #413e4b;
  color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.job-vacancies-wrapper img {
  width: 120px;
  margin: 20px auto 40px;
  max-height: 73px;
}
.page-template-tpl-visit {
  text-align: center;
}
.wpgmza_map {
  margin-bottom: 50px;
}
#responsive-tabs {
  margin: 100px auto;
}
a {
  color: #9bd78d;
}
.btn--primary {
  background-color: #3a232c;
  border-color: #3a232c;
}
.main-navigation {
  background-color: #3a232c;
}
@media (min-width: 750px) {
  .main-navigation {
    background-color: transparent;
  }
}
@media (min-width: 750px) {
  #navbar {
    background: #000;
  }
}
.home-wrapper {
  background-color: #3a232c;
}
.internal-wrapper {
  background-color: #000;
}
.mousey {
  border: 3px solid #9bd78d;
}
.scroller {
  background-color: #9bd78d;
}
.recentpost-widget .entry-title {
  background-color: #ffc74a;
}
.vertical-align-table {
  background-color: #ffc74a;
  padding: 20px 10px;
}
.offers-widget .entry-title {
  background-color: #ffc74a;
}
.valid-date {
  background-color: #3a232c;
}
.valid-date h3 {
  color: #ffc74a;
}
.article-wrapper:nth-of-type(2) .entry-title {
  background-color: #3a232c;
}
.article-wrapper:nth-of-type(3) .entry-title {
  background-color: #ffc74a;
}
.info-section {
  background-color: #000;
  text-align: center;
  padding: 75px 25px;
}
.info-section h3 {
  color: #9bd78d;
}
.key-links {
  background-color: #3a232c;
}
.key-links-icons {
  border: solid 2px #ffc74a;
}
.stores-section {
  background-color: #fff;
}
.stores-section h3 {
  color: #000;
}
.post h1 {
  color: #3a232c;
}
.post-intro h3 {
  color: #3a232c;
}
.post-intro h3 span {
  color: #ffc74a;
}
.r-tabs-nav li {
  border: solid 2px #3a232c;
}
.r-tabs-nav li:hover {
  background: #ffc74a;
}
.category-selector-header, .stores-selector label, .category-selector.whatson {
  color: #3a232c;
}
.stores-block a {
  color: #3a232c;
}
.store-boxes {
  background: #000;
}
p.pre-text {
  color: #99da8e;
}
.opening-hours h2, .social h2 {
  color: #99da8e;
}
#info-menu a:before {
  background: #ffc74a;
}
.page-template-tpl-info {
  color: #3a232c;
}
hr {
  border-top: 1px solid #3a232c;
}
.facilities-wrapper {
  background: #3a232c;
}
.facilities-wrapper--reverse {
  background: #fff;
  margin-top: 50px;
}
.facilities-wrapper--reverse p {
  color: #3a232c;
}
.taxi-wrapper {
  background: #3a232c;
}
.taxi-inner {
  border-bottom: 1px solid #3a232c;
}
.info-pull-out {
  border-left: 5px solid #ffc74a;
  border-right: 5px solid #ffc74a;
}
.info-pull-out a {
  color: #3a232c;
}
.commercial-opportunities .commercial-inner {
  border-bottom: 1px solid #3a232c;
}
.job-vacancies-wrapper {
  background: #3a232c;
}
.site-footer {
  background: #000;
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-carousel.owl-drag .owl-item:nth-of-type(2) .entry-title {
  background-color: #ffab30;
}
.owl-carousel.owl-drag .owl-item:nth-of-type(3) .entry-title {
  background-color: #e523db;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  color: #FFF;
  font-size: 25px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}