* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

@font-face {
  font-family: 'suti';
  src: url("font/suti.ttf"); }
@font-face {
  font-family: 'suti';
  src: url("font/suti-webfont.woff2") format("woff2"), url("font/suti-webfont.woff") format("woff"), url("font/suti.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Sanchezregular';
  src: url("font/sanchezregular-webfont.woff2") format("woff2"), url("font/sanchezregular-webfont.woff") format("woff"), url("font/Sanchezregular.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("font/Roboto-Regular.ttf"); }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  25% {
    border-bottom-color: #f63240; }
  75% {
    border-right-color: transparent;
    border-top-color: transparent; }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
    border-bottom-color: #f63240;
    border-right-color: #f63240;
    border-top-color: #f63240; } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  25% {
    border-bottom-color: #f63240; }
  75% {
    border-right-color: transparent;
    border-top-color: transparent; }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
    border-bottom-color: #f63240;
    border-right-color: #f63240;
    border-top-color: #f63240; } }
@-webkit-keyframes appear {
  50% {
    border-left-color: #f63240; }
  75% {
    border-top-color: #f63240; }
  100% {
    border-bottom-color: #f63240;
    border-right-color: #f63240;
    border-top-color: #f63240;
    border-left-color: #f63240; } }
@keyframes appear {
  20% {
    border-left-color: transparent; }
  25% {
    border-bottom-color: #f63240;
    border-left-color: #f63240; }
  48% {
    border-top-color: transparent; }
  51% {
    border-top-color: #f63240; }
  72% {
    border-right-color: transparent; }
  75% {
    border-right-color: #f63240; }
  100% {
    border-bottom-color: #f63240;
    border-top-color: #f63240;
    border-left-color: #f63240;
    border-right-color: #f63240; } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline; }

a {
  text-decoration: none; }

#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
  color: #eee !important; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

.clear {
  clear: both; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #d2e6de;
  left: 0px;
  transition: 0.5s; }

#loader {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 300px;
  height: 300px;
  margin: auto;
  border-radius: 50%;
  border: 6px solid transparent;
  -webkit-animation: spin 2s linear;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0s;
  z-index: 1002; }

#loader2 {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 300px;
  height: 300px;
  margin: auto;
  border-radius: 50%;
  border: 6px solid transparent;
  -webkit-animation: appear 2s linear;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: appear 2s linear;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 0s;
  z-index: 1001; }

.loadingLogo {
  display: block;
  margin: auto;
  z-index: 1001;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 200px;
  width: 200px;
  transition: 0.5s;
  opacity: 1; }

/* Loaded */
.loaded #loader-wrapper .loader-section {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  /*     -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); */ }

.loaded #loader, .loaded #loader2, .loaded .loadingLogo {
  opacity: 0;
  /*     	-webkit-transition: all 0.3s 0.3s ease-out; 
          transition: all 0.3s 0.3s ease-out; */ }
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out; }
.loaded #sidebarObjects {
  opacity: 1; }

.no-js #loader-wrapper {
  display: none; }

.no-js h1 {
  color: #222222; }

#sidebarObjects {
  opacity: 0;
  transition: 0.5s;
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s; }

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  body #homePage #topLine #bigImg img {
    width: 66.66% !important;
    height: 150% !important; }

  body #menuPage #menuImgNav > div img {
    left: -35% !important; }

  body #menuPage #menuNav > div span {
    width: 25% !important; } }
::-webkit-scrollbar {
  width: 0px; }

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px; }

#wrapper {
  overflow: hidden;
  height: 100%; }

.day .pageContent {
  background-color: white; }
.day .loader-section {
  background-color: #d2e6de !important;
  background-image: url("img/biggrid.svg") !important;
  background-position: left top !important; }
.day #sidebar {
  background-color: #d2e6de;
  background-image: url("img/grid.svg");
  background-position: left top; }
  .day #sidebar .night {
    display: none; }
  .day #sidebar .day {
    display: block; }
.day #mobileNav {
  background-color: #d2e6de; }
  .day #mobileNav .night {
    display: none; }
  .day #mobileNav .day {
    display: block; }
.day a {
  color: #332b24 !important; }
.day #dayLogo {
  display: block; }
.day #nightLogo {
  display: none; }

.night {
  background-color: #F2E4BB; }
  .night img {
    background-color: unset; }
  .night #dayLogo {
    display: none; }
  .night #nightLogo {
    display: block; }
  .night .loader-section {
    background: #332b24 !important; }
  .night .pageContent {
    background-color: #F2E4BB; }
  .night #menuDisplay {
    background-color: #f2e4bb;
    padding-bottom: 50px; }
    .night #menuDisplay .menu .mobLink a {
      color: #332b24 !important; }
  .night #socialise #instagramFeed .wdi_feed_main_container .wdi_feed_container .wdi_load_more, .night #socialise #instagramFeed .wdi_feed_main_container .wdi_feed_container .wdi_load_more_wrap {
    background-color: #f2e4bb !important; }
  .night #sidebar {
    background-color: #332b24; }
    .night #sidebar #copyright {
      color: #EAD078; }
    .night #sidebar .current_page_item a {
      color: #EAD078 !important; }
    .night #sidebar li a:hover {
      color: #EAD078 !important; }
    .night #sidebar .night {
      display: block; }
    .night #sidebar .day {
      display: none; }
    .night #sidebar #omniBox p {
      color: #ead078 !important; }
  .night #mobileNav {
    background-color: #332b24; }
    .night #mobileNav .night {
      display: block; }
    .night #mobileNav .day {
      display: none; }
    .night #mobileNav #mobHamburger {
      background-color: #332b24 !important;
      border: 2px solid #ebd178 !important;
      color: #ebd178 !important; }
    .night #mobileNav .pagenav {
      background-color: rgba(51, 43, 36, 0.9) !important; }
      .night #mobileNav .pagenav li {
        border-bottom: 2px solid #332b24 !important; }
  .night #locationSelecter span {
    border: 3px solid #ead078 !important; }
  .night #locationSelecter #selected {
    border: 0px !important; }
  .night #nameError, .night #emailError, .night #phoneError, .night #detailError, .night #serverError {
    background-color: #f2e4bb !important; }
  .night #contactName, .night #contactEmail, .night #contactPhone, .night #contactDetail {
    border: 3px solid #ead078 !important; }
  .night #socialButtonBox {
    background-color: #f2e4bb !important; }
  .night a {
    color: #ead078 !important; }
  .night #homePage #bottomLine div .hoverOver {
    background-color: rgba(234, 208, 120, 0.6) !important; }
    .night #homePage #bottomLine div .hoverOver span {
      color: #EAD078 !important; }
  .night #homePage #topLine div .hoverOver {
    background-color: rgba(234, 208, 120, 0.6) !important; }
    .night #homePage #topLine div .hoverOver span {
      color: #EAD078 !important; }
  .night #menuPage #menuImgNav > div .hoverOver {
    background-color: rgba(234, 208, 120, 0.6) !important; }
    .night #menuPage #menuImgNav > div .hoverOver span {
      color: #EAD078 !important; }

.page-id-15 {
  background-color: black; }

body .pageContent {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  padding-left: 220px; }
body #homePage #topLine, body #homePage #bottomLine {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: center; }
  body #homePage #topLine div, body #homePage #bottomLine div {
    width: 33.333%;
    overflow: hidden;
    position: relative; }
    body #homePage #topLine div img, body #homePage #bottomLine div img {
      min-width: 100%;
      min-height: 100%;
      max-height: 500px; }
    body #homePage #topLine div:hover .hoverOver, body #homePage #bottomLine div:hover .hoverOver {
      opacity: 1; }
    body #homePage #topLine div .hoverOver, body #homePage #bottomLine div .hoverOver {
      width: 100%;
      height: 100%;
      background-color: rgba(210, 230, 222, 0.6);
      position: absolute;
      transition: 0.5s;
      opacity: 0;
      cursor: pointer; }
      body #homePage #topLine div .hoverOver span, body #homePage #bottomLine div .hoverOver span {
        font-size: 3em;
        color: #d2e6de;
        width: 100%;
        background-color: #f63240;
        display: block;
        text-align: center;
        height: 120px;
        font-family: 'suti';
        line-height: 2.3;
        margin-top: 180px; }
body #homePage #topLine #bigImg {
  flex-grow: 2;
  -ms-flex: 1; }
  body #homePage #topLine #bigImg img {
    max-width: 500px;
    max-height: unset; }
body #homePage #smallImg, body #homePage #bigImg, body #homePage #meatballMenu, body #homePage #snackMenu, body #homePage #drinkMenu {
  background: no-repeat center center;
  background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover; }
body #menuPage #menuImgNav {
  padding-left: 220px;
  position: absolute;
  display: flex;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: hidden; }
  body #menuPage #menuImgNav > div {
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    body #menuPage #menuImgNav > div img {
      height: 100%;
      min-width: 100%;
      position: absolute;
      left: -50%;
      right: 0px;
      margin: 0px auto; }
    body #menuPage #menuImgNav > div .hoverOver {
      width: 100%;
      height: 100%;
      background-color: rgba(210, 230, 222, 0.6);
      position: absolute;
      transition: 0.5s;
      opacity: 0;
      z-index: 10;
      cursor: pointer; }
      body #menuPage #menuImgNav > div .hoverOver span {
        font-size: 3em;
        color: #d2e6de;
        width: 100%;
        background-color: #f63240;
        display: block;
        text-align: center;
        height: 120px;
        font-family: 'suti';
        line-height: 2.3;
        margin-top: 80%; }
    body #menuPage #menuImgNav > div:hover .hoverOver {
      opacity: 1; }
body #menuPage #menuNav {
  display: none;
  margin-top: 160px; }
  body #menuPage #menuNav > div {
    display: flex;
    width: 50%;
    margin: auto;
    justify-content: center;
    display: flex;
    margin-top: 60px; }
    body #menuPage #menuNav > div span {
      width: 32%;
      text-align: center;
      font-size: 1.8em;
      font-family: 'suti';
      line-height: 15px;
      cursor: pointer;
      max-width: 170px; }
      body #menuPage #menuNav > div span img {
        width: 70%; }
    body #menuPage #menuNav > div .pageTitle {
      pointer-events: none;
      top: 0px;
      background-color: #F63240;
      text-align: center;
      width: 160px;
      margin: 0px auto;
      /* height: 130px; */
      font-family: 'Suti';
      font-size: 2.2em;
      line-height: 1.5em;
      padding: 15px;
      font-weight: 100;
      position: absolute; }
      body #menuPage #menuNav > div .pageTitle img {
        display: none; }
body #menuPage #menuDisplay .menu {
  width: 60%;
  margin: auto;
  margin-top: 75px;
  margin-bottom: 30px;
  display: none;
  transition: 0.5s; }
  body #menuPage #menuDisplay .menu .pdfemb-viewer {
    border: none !important; }
  body #menuPage #menuDisplay .menu div.pdfemb-toolbar div.pdfemb-poweredby {
    display: none; }
  body #menuPage #menuDisplay .menu .mobLink {
    margin: 0px auto;
    width: 80%;
    display: none;
    cursor: pointer; }
    body #menuPage #menuDisplay .menu .mobLink a span {
      text-align: center;
      font-size: 1.6em;
      margin-bottom: 10px;
      display: block;
      font-family: "sanchezregular"; }
body #menuPage #menuDisplay .selected {
  display: block; }
body #bedfordWho #topText img:first-child {
  margin-top: 35px; }
body #bedfordWho #topText .dottedLine {
  width: 85%;
  text-align: center;
  display: block;
  margin: 0px auto; }
body #bedfordWho #topText p {
  font-family: 'suti';
  text-align: center;
  width: 80%;
  font-size: 1.3em;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: auto; }
body #bedfordWho #people {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  margin: 0px auto; }
  body #bedfordWho #people .person {
    width: 23%;
    margin-top: 50px;
    font-family: 'suti';
    margin-left: 2%; }
    body #bedfordWho #people .person h3 {
      text-align: center;
      color: #f63240;
      font-size: 1.8em;
      font-weight: 100;
      height: 80px;
      display: table-cell;
      vertical-align: middle;
      width: 500px; }
    body #bedfordWho #people .person span {
      text-align: center;
      width: 100%;
      margin: 0px auto;
      margin-top: 5px;
      display: block;
      font-size: 1.2em; }
    body #bedfordWho #people .person img {
      border-radius: 100%;
      width: 95%;
      height:42%;
      display: block;
      margin: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 10px;
      border: 2px solid #f63240; }
    body #bedfordWho #people .person p {
      text-align: justify;
      text-justify: inter-word;
      font-family: 'Sanchezregular'; }
body #socialise #socialiseBar {
  padding-top: 75px;
  position: relative; }
  body #socialise #socialiseBar #socialButtonBox {
    background-color: #ffffff;
    width: 180px;
    height: 75px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 75px;
    bottom: 0px;
    margin: auto;
    display: flex;
    justify-content: center; }
    body #socialise #socialiseBar #socialButtonBox .socialButton {
      height: 60px;
      width: 60px;
      /* background-color:#332b24; */
      border-radius: 100%;
      display: inline-block;
      margin: auto; }
body #socialise #instagramFeed .wdi_feed_info {
  position: relative;
  font-family: "Roboto";
  width: 420px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_feed_wrapper {
  width: 75%; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_feed_container {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0); }
body #socialise #instagramFeed #wdi_feed_0 .wdi_single_user {
  padding-top: 0px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_header_text, body #socialise #instagramFeed #wdi_feed_0 .wdi_bio, body #socialise #instagramFeed #wdi_feed_0 .wdi_media_info {
  color: black; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_header_user_text {
  padding-bottom: 15px;
  padding-top: 0px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_header_text {
  font-size: 1.5em;
  vertical-align: top;
  padding-left: 20px;
  padding-top: 0px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_follow_btn {
  color: #95c251;
  border-color: #95c251;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1em;
  position: absolute;
  top: 45px;
  left: 115px;
  background-color: rgba(255, 255, 255, 0); }
body #socialise #instagramFeed #wdi_feed_0 .wdi_media_info {
  position: absolute;
  top: 85px;
  left: 80px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_posts .fa {
  font-family: "Roboto" !important; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_posts span {
  padding-right: 20px; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_posts .fa-camera-retro:before {
  padding-right: 5px;
  font-family: FontAwesome !important; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_followers .fa {
  font-family: "Roboto" !important; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_followers .fa-user:before {
  padding-right: 5px;
  font-family: FontAwesome !important; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_bio a {
  color: #95c251 !important; }
body #socialise #instagramFeed #wdi_feed_0 .wdi_load_more_text {
  font-family: "Roboto";
  font-size: 1.1em; }
body #photoGallery {
  display: flex;
  flex-wrap: wrap;
  /* overflow-y:hidden; */
  overflow: auto;
  background-color: black; }
  body #photoGallery a {
    width: 25%;
    height: 33.33%;
    overflow: hidden;
    background-color: black;
    position: relative; }
    body #photoGallery a #hoverOver {
      height: 100%;
      z-index: -1;
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0px;
      z-index: 1;
      transition: 0.5s; }
    body #photoGallery a:hover #hoverOver {
      background-color: rgba(0, 0, 0, 0.5); }
  body #photoGallery img {
    min-height: 100%;
    height: 120%;
    min-width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px; }
body #whatsOn #pageTitle {
  height: 90px; }
body #whatsOn > div {
  display: flex;
  justify-content: center;
  margin-top: 50px; }
  body #whatsOn > div .column {
    display: inline-block;
    width: 48%;
    height: 100%;
    font-family: "Suti";
    position: relative; }
    body #whatsOn > div .column h3 {
      text-align: center;
      font-size: 2em; }
    body #whatsOn > div .column span {
      text-align: center;
      display: block;
      font-size: 1.5em;
      padding-left: 40px;
      padding-right: 40px;
      position: absolute;
      top: 100px;
      left: 0px;
      right: 0px; }
    body #whatsOn > div .column .fancybox {
      z-index: 2; }
      body #whatsOn > div .column .fancybox img {
        width: 70%;
        display: block;
        position: relative;
        margin: 0px auto;
        left: 0px;
        right: 0px;
        margin-top: 50px;
        z-index: 1; }
body #contact #mapHolder {
  margin-top: 40px;
  height: 400px; }
  body #contact #mapHolder #map {
    height: 100%; }
body #contact #contactHolder {
  position: relative; }
body #contact #contactInfo {
  width: 30%;
  min-width: 410px;
  margin-top: 30px;
  margin-left: 60px;
  display: inline-block; }
  body #contact #contactInfo #locationSelecter {
    display: flex;
    justify-content: center;
    margin-bottom: 25px; }
    body #contact #contactInfo #locationSelecter button {
      cursor: pointer;
      font-family: 'Suti';
      display: inline-block;
      height: 35px;
      width: 160px;
      font-size: 1.3em;
      margin-left: 15px;
      margin-right: 15px;
      text-align: center;
      line-height: 23px;
      border: 3px solid #D2E6DE; }
    body #contact #contactInfo #locationSelecter .selected {
      background-color: #f63240;
      color: black;
      border: 0px;
      line-height: 30px; }
    body #contact #contactInfo #locationSelecter::after {
      content: 'Please select which location to contact';
      font-size: 0.85em;
      font-family: 'suti';
      display: block;
      position: absolute;
      top: 70px; }
  body #contact #contactInfo #icons {
    width: 40px;
    display: inline-block;
    vertical-align: top; }
    body #contact #contactInfo #icons img {
      display: block;
      width: 100%;
      padding: 5px;
      margin: 2px; }
    body #contact #contactInfo #icons #location {
      margin-top: 25px; }
  body #contact #contactInfo .info {
    display: none; }
    body #contact #contactInfo .info span {
      display: block;
      font-family: 'suti';
      vertical-align: top;
      padding: 12px;
      font-size: 1.2em; }
  body #contact #contactInfo .selected {
    display: inline-block; }
body #contact #contactBox {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin: 0px auto;
  margin-top: 30px;
  margin-left: 60px; }
  body #contact #contactBox div {
    width: 100%;
    display: flex; }
    body #contact #contactBox div #contactName, body #contact #contactBox div #contactEmail {
      margin-right: 8px; }
    body #contact #contactBox div #contactName, body #contact #contactBox div #contactEmail, body #contact #contactBox div #contactPhone {
      margin-bottom: 7px;
      height: 35px;
      width: 33.33%;
      font-family: 'Suti';
      padding-bottom: 4px; }
    body #contact #contactBox div #contactDetail {
      width: 100%;
      resize: none;
      height: 175px;
      padding-top: 4px; }
    body #contact #contactBox div #contactName, body #contact #contactBox div #contactEmail, body #contact #contactBox div #contactPhone, body #contact #contactBox div #contactDetail {
      border: 3px solid #D2E6DE;
      font-family: 'Suti';
      font-size: 1em;
      padding-left: 8px; }
    body #contact #contactBox div ::-webkit-input-placeholder {
      color: black; }
    body #contact #contactBox div ::-moz-placeholder {
      color: black; }
    body #contact #contactBox div :-ms-input-placeholder {
      color: black; }
    body #contact #contactBox div :-moz-placeholder {
      color: black; }
  body #contact #contactBox button {
    height: 35px;
    width: 160px;
    font-family: 'Suti';
    font-size: 1.1em;
    text-align: center;
    background-color: #f63240;
    margin-top: 10px;
    border: 0px;
    margin-left: 0px;
    cursor: pointer; }
  body #contact #contactBox span {
    font-family: 'Suti';
    margin-left: 10px; }
  body #contact #contactBox #detailError, body #contact #contactBox #nameError, body #contact #contactBox #phoneError, body #contact #contactBox #emailError, body #contact #contactBox #serverError {
    bottom: 25px;
    display: none;
    background-color: white;
    font-family: 'sanchezregular';
    font-size: 1em;
    padding: 9px 0px;
    -webkit-transition: 0.4s all;
    transition: 0.4s;
    text-align: center;
    right: 25px; }
body #contact #thankYou {
  display: none;
  position: absolute;
  margin-left: 400px;
  left: 40%;
  top: 130px;
  bottom: 0px;
  right: 0px;
  margin: 0px auto;
  text-align: center;
  font-family: 'Suti';
  font-size: 1.5em; }
body #pageTitle {
  background-color: #F63240;
  text-align: center;
  width: 160px;
  margin: 0px auto;
  /* height: 130px; */
  color: black;
  font-family: 'Suti';
  font-size: 2.2em;
  line-height: 1.5em;
  padding: 15px;
  font-weight: 100; }
body #sidebar {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100vh;
  width: 220px;
  min-height: 650px;
  transition: 0.5s; }
  body #sidebar li {
    font-size: 1.4em;
    height: 40px;
    margin-bottom: 10px; }
    body #sidebar li a {
      display: block;
      text-align: center;
      margin: auto;
      min-width: 100px;
      width: 160px;
      height: 40px;
      line-height: 30px;
      transition: 0.2s;
      font-family: suti; }
      body #sidebar li a:hover {
        background-color: #F63240;
        color: #d2e6de !important; }
  body #sidebar .current_page_item a {
    background-color: #F63240;
    color: #d2e6de !important; }
  body #sidebar #logoCircle {
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 100%;
    width: 190px;
    height: 190px;
    padding: 22px;
    padding-top: 42px;
    margin: 15px;
    margin-top: 8vh;
    margin-bottom: 4vh;
    transition: 0.2s;
    position: relative; }
    body #sidebar #logoCircle img {
      width: 80%;
      position: absolute; }
    body #sidebar #logoCircle:hover {
      border: 2px solid #F63240 !important; }
  body #sidebar .homePageCircle {
    border: 2px solid #F63240 !important; }
  body #sidebar #littleFlagBox {
    position: absolute;
    bottom: -45px;
    left: 0px;
    right: 0px;
    margin: auto; }
    body #sidebar #littleFlagBox img {
      width: 40px;
      padding-bottom: 90px;
      text-align: center;
      margin: 0px auto; }
  body #sidebar #copyright {
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-family: Sanchezregular;
    font-size: 0.7em; }
  body #sidebar #omniBox {
    position: absolute;
    bottom: 8px;
    font-family: 'Sanchezregular';
    font-size: 0.95em;
    width: 100%; }
    body #sidebar #omniBox p {
      text-align: center; }
    body #sidebar #omniBox a {
      font-weight: 600; }
body #mobileNav {
  display: none;
  position: fixed;
  background-color: #d2e6de;
  height: 80px;
  width: 100%;
  z-index: 100; }
  body #mobileNav #mobLogo {
    width: 100px;
    margin-left: 15px;
    margin-top: 5px;
    display: inline-block;
    padding: 5px; }
  body #mobileNav .pagenav {
    list-style-type: none;
    height: 100%;
    position: fixed;
    width: 100%;
    background-color: rgba(210, 230, 222, 0.92);
    display: none; }
    body #mobileNav .pagenav ul {
      height: 100%; }
    body #mobileNav .pagenav li {
      font-family: 'Suti';
      width: 100%;
      height: 11.5%;
      text-align: center;
      font-size: 2.5em;
      border-bottom: 2px solid #d2e6de;
      margin-top: 15px; }
  body #mobileNav #mobHamburger {
    display: inline-block;
    float: right;
    padding: 0px;
    font-size: 1.8em;
    width: 60px;
    height: 60px;
    padding-top: 15px;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #d2e6de;
    border: 2px solid #f63240;
    color: #f63240; }
  body #mobileNav .clicked {
    background-color: #f63240 !important;
    color: #d2e6de !important;
    border: 0px !important; }

/* Small PC screens */
@media screen and (max-width: 80em) and (min-width: 55em) {
  #contact #contactInfo {
    margin-left: 30px !important; }

  #contact #contactBox {
    margin-left: 20px !important; } }
/* Small PC screens */
@media screen and (max-width: 75em) and (min-width: 55em) {
  body #contact #contactInfo {
    margin-left: 20px; }
  body #contact #contactBox {
    margin-left: 10px;
    width: 40% !important; }
  body #bedfordWho #people .person h3 {
    font-size: 1.4em; }
  body #menuPage #menuImgNav > div #kids span {
    line-height: 1.2 !important; } }
/* TABLET + SMALL SCREEN */
@media screen and (max-width: 65em) and (min-width: 37em) {
  body .pageContent {
    padding-left: 140px; }
  body #sidebar {
    width: 140px; }
    body #sidebar #logoCircle {
      margin-left: 5px;
      padding-left: 15px;
      width: 130px;
      height: 130px;
      padding-top: 28px; }
    body #sidebar li {
      font-size: 1em; }
      body #sidebar li a {
        width: 140px;
        height: 35px; }
  body #homePage #topLine div img, body #homePage #bottomLine div img {
    height: 100%;
    position: absolute;
    left: -25%; }
  body #homePage #bigImg img {
    max-width: unset;
    right: 0px !important; }
  body #menuPage #menuImgNav {
    padding-left: 140px; }
  body #menuPage #menuNav > div {
    width: 100%; }
    body #menuPage #menuNav > div span {
      font-size: 1.5em;
      width: 20%;
      max-width: 150px; }
  body #menuPage #menuDisplay .menu {
    width: 90%;
    margin-top: 45px; }
    body #menuPage #menuDisplay .menu .mobLink {
      display: block; }
    body #menuPage #menuDisplay .menu .pdfemb-viewer {
      height: 650px !important;
      width: 490px !important;
      margin-top: 30px;
      margin: auto; }
  body #contact #contactBox {
    margin-bottom: 20px;
    width: 75%; }
    body #contact #contactBox #nameError, body #contact #contactBox #phoneError, body #contact #contactBox #emailError, body #contact #contactBox #detailError {
      right: 80px;
      bottom: -15px; }
  body #whatsOn > div {
    flex-wrap: wrap; }
    body #whatsOn > div .column {
      display: block;
      width: 100%; }
      body #whatsOn > div .column .fancybox img {
        margin-top: 30px;
        margin-bottom: 60px; }
  body #photoGallery a {
    width: 50%; }
  body #bedfordWho #people .person {
    width: 45%; }
    body #bedfordWho #people .person h3 {
      height: 80px; }
  body #sidebar #littleFlagBox {
    bottom: -15px; }
  body #sidebar #copyright {
    bottom: 45px; } }
@media screen and (max-width: 55em) and (min-width: 37em) {
  body #menuPage #menuImgNav {
    padding-left: 140px !important;
    flex-wrap: wrap; }
    body #menuPage #menuImgNav > div {
      width: 50%;
      height: 50%; }
      body #menuPage #menuImgNav > div img {
        left: 0%; }
      body #menuPage #menuImgNav > div .hoverOver {
        background-color: rgba(255, 255, 255, 0);
        opacity: 1; }
        body #menuPage #menuImgNav > div .hoverOver span {
          position: absolute;
          bottom: 0px;
          height: 50px;
          line-height: 40px;
          font-size: 2.2em; }

  #menuDisplay .menu {
    width: 90%;
    margin-top: 45px; }
    #menuDisplay .menu .mobLink {
      display: block; }
    #menuDisplay .menu .pdfemb-viewer {
      height: 650px !important;
      width: 390px !important;
      margin-top: 30px;
      margin: auto; } }
@media screen and (max-width: 50em) and (min-width: 37em) {
  body #homePage #topLine div img, body #homePage #bottomLine div img {
    left: -50%; }

  body #homePage #topLine #bigImg img {
    max-width: unset;
    max-height: unset;
    left: -25% !important; } }
@media screen and (max-width: 1050px) and (min-width: 780px) {
  body #photoGallery a {
    width: 33.333%; }

  body #homePage #topLine #bigImg img {
    max-width: unset;
    max-height: unset;
    left: -30% !important; } }
/* MOBILE STYLES */
@media screen and (max-width: 37em) {
  body #pageTitle {
    height: unset; }
  body #sidebar {
    display: none; }
  body #mobileNav {
    display: block; }
    body #mobileNav .pageNav {
      z-index: 100; }
  body #loader-wrapper {
    display: none; }
  body .pageContent {
    padding-left: 0px;
    padding-top: 80px;
    /* min-height: 200%; */ }
  body #homePage {
    min-height: 0px !important; }
    body #homePage #topLine, body #homePage #bottomLine {
      height: 100%;
      position: relative;
      display: block; }
      body #homePage #topLine div img, body #homePage #bottomLine div img {
        height: 100%; }
    body #homePage #bottomLine {
      top: -100%; }
      body #homePage #bottomLine div .hoverOver span {
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        height: 45px;
        line-height: 1.6;
        font-size: 1.6em; }
    body #homePage #meatballMenu, body #homePage #snackMenu, body #homePage #drinkMenu, body #homePage #smallImg {
      width: 50% !important;
      height: 33.333%; }
    body #homePage #bigImg {
      width: 100% !important;
      height: 33.333%; }
      body #homePage #bigImg img {
        height: auto !important; }
    body #homePage #snackMenu {
      top: 33.33%;
      left: 50%; }
    body #homePage #smallImg {
      top: 0px;
      left: 50%; }
  body .night #menuPage #menuDisplay .menu .mobLink a {
    color: #332b24 !important; }
  body .night #menuPage #menuImgNav > div .hoverOver span {
    color: #332b24 !important; }
  body #menuPage #menuNav > div {
    width: 100%; }
    body #menuPage #menuNav > div .pageTitle {
      height: unset;
      padding-top: 80px; }
    body #menuPage #menuNav > div span {
      font-size: 1.2em;
      width: 25%; }
  body #menuPage #menuDisplay .menu {
    width: 90%;
    margin-top: 45px; }
    body #menuPage #menuDisplay .menu .mobLink {
      display: block; }
    body #menuPage #menuDisplay .menu .pdfemb-viewer {
      margin: 0px auto;
      width: auto !important;
      margin-top: 20px; }
  body #menuPage #menuImgNav {
    padding-top: 80px;
    padding-left: 0px;
    flex-wrap: wrap; }
    body #menuPage #menuImgNav > div {
      width: 100%;
      height: 25%; }
      body #menuPage #menuImgNav > div img {
        left: 0px;
        width: 100%;
        min-width: unset;
        height: unset;
        top: 0px;
        bottom: 0px;
        margin: auto; }
      body #menuPage #menuImgNav > div .hoverOver {
        background-color: rgba(210, 230, 222, 0.6);
        width: 60%;
        height: 35%;
        opacity: 1;
        left: 20%;
        top: 30%; }
        body #menuPage #menuImgNav > div .hoverOver span {
	margin-top:0%;
	font-size: 2em;
    	color: #332c24;
	line-height: normal;
	height: 0px;
	background-color:rgba(246, 50, 64, 0); }
  body #socialise #instagramFeed .wdi_feed_info {
    width: 300px; }
  body #socialise #instagramFeed #wdi_feed_0 .wdi_header_text {
    font-size: 1em; }
  body #contact #contactInfo {
    width: 75%;
    margin: 0px auto;
    display: block;
    min-width: 320px; }
    body #contact #contactInfo #icons {
      width: 35px; }
    body #contact #contactInfo .info span {
      font-size: 1em;
      padding-left: 0px; }
    body #contact #contactInfo .selected {
      width: 85%; }
    body #contact #contactInfo #locationSelecter {
      margin-top: 10px; }
      body #contact #contactInfo #locationSelecter::after {
        top: 45px; }
  body #contact #contactBox {
    margin-bottom: 20px;
    width: 75%;
    margin-top: 10px;
    display: block;
    margin: auto; }
    body #contact #contactBox > div {
      flex-wrap: wrap; }
      body #contact #contactBox > div #contactName, body #contact #contactBox > div #contactEmail, body #contact #contactBox > div #contactPhone {
        width: 100%; }
      body #contact #contactBox > div #contactName, body #contact #contactBox > div #contactEmail {
        margin-right: 0px; }
    body #contact #contactBox #nameError, body #contact #contactBox #phoneError, body #contact #contactBox #emailError, body #contact #contactBox #detailError {
      bottom: -45px;
      left: 0px;
      right: 0px;
      margin: auto; }
  body #bedfordWho #people .person {
    width: 85%;
    margin: auto;
    margin-bottom: 25px; }
    body #bedfordWho #people .person h3 {
      margin-top: 50px; }
    body #bedfordWho #people .person img {
      width: 75%; }
  body #whatsOn > div {
    flex-wrap: wrap; }
    body #whatsOn > div .column {
      display: block;
      width: 100%; }
      body #whatsOn > div .column .fancybox img {
        margin-top: 30px;
        margin-bottom: 60px; }
  body #photoGallery a {
    width: 50%; } }
@media screen and (max-width: 360px) {
  body #photoGallery a {
    width: 100%;
    height: 45%;
    pointer-events: none; } }

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