/*!
Theme Up The Creek 2016
Author: LUA Design

*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

html {
  box-sizing: border-box; }

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

img,
object,
embed {
  max-width: 100%; }

html {
  overflow-y: scroll; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button,
input[type=button] {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* colours */
/* media queries */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.chromeframe {
  position: absolute;
  top: 0; }

html, body {
  height: 100%; }

html {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

body {
  font: 13px;
  background: #000 url(images/UpTheCreek-background.jpg) no-repeat center top;
  background-size: contain;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white !important;
  font-family: "DIN Next LT W04 Medium Cond", sans-serif !important; }
  @media only screen and (max-width: 768px) {
    body {
      background: #000 url(images/PhonesBG.jpg) no-repeat;
      background-size: cover; } }

body, select {
  color: #fff; }

input[type=text], input[type=email], textarea {
  color: #000; }

::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: none; }

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold; }

input:-moz-placeholder {
  color: #fff; }

textarea:-moz-placeholder {
  color: #fff; }

input:focus, textarea:focus {
  outline: none; }

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s ease;
  opacity: 0; }

a, input[type=button], input[type=submit], button, body.home ul li#menu-item-2404:hover ul.sub-menu {
  color: #ffea00;
  text-decoration: none;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; }

a:hover, a:focus, input[type=button]:focus, input[type=submit]:focus, button:hover, input[type=button]:hover, input[type=submit]:hover {
  color: #ff7f01;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.86); }

input, button {
  background: none;
  -webkit-appearance: none;
  border-radius: 0; }

button:focus {
  outline: 0; }

@font-face {
  font-family: "DIN Next LT W04 Medium Cond";
  src: url("Fonts/aaee85ba-cc5b-40af-a0f4-376e93ce1831.eot?#iefix");
  src: url("Fonts/aaee85ba-cc5b-40af-a0f4-376e93ce1831.eot?#iefix") format("eot"), url("Fonts/ee40f439-d909-4753-8185-118007775880.woff2") format("woff2"), url("Fonts/bd62b18c-6ec7-4ee5-ac4d-f43c2cd84296.woff") format("woff"), url("Fonts/a6f9c8e7-1f84-4c70-8d24-2418704e8d5a.ttf") format("truetype"), url("Fonts/c15a1d0a-1fc5-4db0-8daf-298c302893c0.svg#c15a1d0a-1fc5-4db0-8daf-298c302893c0") format("svg"); }
@font-face {
  font-family: "DIN Next LT W01 Medium Cond It";
  src: url("Fonts/14476c1d-0c32-41d2-aa6d-9afe95f0149f.eot?#iefix");
  src: url("Fonts/14476c1d-0c32-41d2-aa6d-9afe95f0149f.eot?#iefix") format("eot"), url("Fonts/d2297395-21f1-45d2-9192-2e75249cb766.woff2") format("woff2"), url("Fonts/81b35f3b-6458-4bb3-8b9f-162e5cd2adb9.woff") format("woff"), url("Fonts/e711e947-649a-4b37-a2b0-175b75ac03e5.ttf") format("truetype"), url("Fonts/48139e13-d162-469c-a411-ab5f3b041a36.svg#48139e13-d162-469c-a411-ab5f3b041a36") format("svg"); }
@font-face {
  font-family: "DIN Next LT W04 Bold Condensed";
  src: url("Fonts/984a1817-0ec5-430a-885f-799b30a2317d.eot?#iefix");
  src: url("Fonts/984a1817-0ec5-430a-885f-799b30a2317d.eot?#iefix") format("eot"), url("Fonts/66996a72-dba6-4cf0-9da0-3f0120c236e2.woff2") format("woff2"), url("Fonts/fa41f035-6da6-495b-a00b-93fe909af132.woff") format("woff"), url("Fonts/d8939c5b-ab59-4d1c-85d9-a196a0920079.ttf") format("truetype"), url("Fonts/5c765704-d59b-47ec-989e-c9ff561f34c4.svg#5c765704-d59b-47ec-989e-c9ff561f34c4") format("svg"); }
@font-face {
  font-family: "DIN Next LT W01 Bold Cond It";
  src: url("Fonts/12394a60-5c46-4b14-9671-fb72fba4976a.eot?#iefix");
  src: url("Fonts/12394a60-5c46-4b14-9671-fb72fba4976a.eot?#iefix") format("eot"), url("Fonts/2fb2d75b-709a-474a-9967-f59a2c5ec7c2.woff2") format("woff2"), url("Fonts/93acdbf7-9098-4950-a6d9-c5659a584d13.woff") format("woff"), url("Fonts/e471a085-5c92-4a0d-beb0-467e651482fd.ttf") format("truetype"), url("Fonts/49a98398-87b4-4429-b5c7-847802fb67a3.svg#49a98398-87b4-4429-b5c7-847802fb67a3") format("svg"); }
body, #mc_embed_signup input, .em-booking-form-details input {
  font-family: "DIN Next LT W04 Medium Cond", sans-serif; }

.entry p {
  font-family: "DIN Next LT W04 Bold Condensed", sans-serif; }

body.page-id-171 .entry p {
  font-family: "DIN Next LT W04 Medium Cond", sans-serif; }

body.page-id-171 .entry p strong {
  font-family: "DIN Next LT W04 Bold Condensed", sans-serif; }

.tw-event-links a:after {
  font-family: "FontAwesome"; }

#header {
  background-color: rgba(0, 0, 0, 0.38);
  padding: 20px 5% 0;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    #header {
      padding: 0; } }

#header h1 {
  width: 50%;
  max-width: 1000px;
  display: inline-block; }
  @media only screen and (max-width: 960px) {
    #header h1 {
      width: 45%; } }
  @media only screen and (max-width: 768px) {
    #header h1 {
      width: 100%;
      margin-top: 1em; } }

#header img {
  width: 100%;
  height: auto; }

#headercontent {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: right; }
  @media only screen and (max-width: 960px) {
    #headercontent {
      width: 55%; } }

.UTCphone {
  font-size: 3.25em;
  font-size: 3.25rem;
  line-height: .9em; }
  @media only screen and (max-width: 960px) {
    .UTCphone {
      font-size: 2.9em;
      font-size: 2.9rem; } }

.UTCaddress {
  font-size: 1.33em;
  font-size: 1.33rem; }

ul#carousel, #carousel li {
  display: block;
  width: 100%;
  text-align: right;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 768px) {
    ul#carousel, #carousel li {
      text-align: center; } }

ul#carousel {
  margin-top: 20px; }

#carousel li {
  min-height: 2em;
  line-height: .9em;
  font-size: 2em;
  font-size: 2rem; }
  @media only screen and (max-width: 960px) {
    #carousel li {
      font-size: 1.4em;
      font-size: 1.4rem; } }

#carousel li span.author {
  color: #ffea00;
  font-size: 80%; }

.screen-reader-text, label {
  position: absolute;
  top: -9999px;
  left: -9999px; }

/* mailing list */
#mc_embed_signup {
  overflow: hidden;
  margin: 10px 0 0;
  overflow: hidden;
  width: 42%;
  float: left; }
  @media only screen and (max-width: 960px) {
    #mc_embed_signup {
      width: 100%;
      position: relative;
      display: block;
      float: none; } }

#mc_embed_signup h2, .mc-field-group, .formsubmitbutton {
  float: left;
  position: relative;
  display: inline-block;
  line-height: normal !important; }

#mc_embed_signup input,
.em-booking-form-details input[type=email],
.em-booking-form-details input[type=text],
.em-booking-form-details input[type=submit] {
  border: none;
  background-color: white;
  padding: 0 20px;
  text-align: center;
  font-size: 1.7em;
  font-size: 1.7rem;
  line-height: normal !important; }
  @media only screen and (max-width: 768px) {
    #mc_embed_signup input,
    .em-booking-form-details input[type=email],
    .em-booking-form-details input[type=text],
    .em-booking-form-details input[type=submit] {
      font-size: 1.4em;
      font-size: 1.4rem; } }

#mc_embed_signup input[type=email],
.em-booking-form-details input[type=email],
.em-booking-form-details input[type=text] {
  margin: 0;
  max-width: 100%; }

.mc-field-group {
  overflow: hidden; }

#mc_embed_signup input[type=submit],
.em-booking-form-details input[type=submit] {
  background: none; }
  @media only screen and (max-width: 960px) {
    #mc_embed_signup input[type=submit],
    .em-booking-form-details input[type=submit] {
      padding: 0 0 0 20px; } }
  @media only screen and (max-width: 768px) {
    #mc_embed_signup input[type=submit],
    .em-booking-form-details input[type=submit] {
      padding: 0; } }

#mc_embed_signup_scroll h2,
#mc_embed_signup_scroll .mc-field-group {
  width: 33%;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    #mc_embed_signup_scroll h2,
    #mc_embed_signup_scroll .mc-field-group {
      width: 100%;
      float: none; } }

@media only screen and (max-width: 1200px) {
  .formsubmitbutton {
    float: none;
    clear: left; } }
@media only screen and (max-width: 960px) {
  .formsubmitbutton {
    text-align: center;
    width: 100%; } }

#mc_embed_signup h2 {
  font-size: 1.7em;
  font-size: 1.7rem;
  padding: 0; }

@media only screen and (max-width: 960px) {
  #mc_embed_signup h2 {
    text-align: right;
    padding-right: 20px; } }
@media only screen and (max-width: 768px) {
  #mc_embed_signup h2 {
    text-align: center;
    padding-right: 0;
    width: 100%; } }

/* navigation */
#nav {
  overflow: hidden; }
  @media only screen and (max-width: 960px) {
    #nav {
      width: 80%;
      margin: 20px auto 0;
      float: none;
      position: relative; } }
  @media only screen and (max-width: 768px) {
    #nav {
      width: 100%;
      margin: 0;
      z-index: 1; } }

ul.menu.menu-menu-1-container {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 0;
  overflow: visible;
  font-size: 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    ul.menu.menu-menu-1-container {
      display: none;
      overflow: visible;
      z-index: 3;
      background-color: black;
      padding-bottom: 25px; } }

ul.menu li {
  display: inline-block;
  margin: 0 0;
  font-size: 1.25em;
  font-size: 1.25rem;
  text-transform: uppercase;
  overflow: hidden;
  text-align: left; }
  @media only screen and (min-width: 1367px) {
    ul.menu li {
      font-size: 1.5em;
      font-size: 1.5rem; } }
  @media only screen and (max-width: 1200px) {
    ul.menu li {
      font-size: 1.1em;
      font-size: 1.1rem; } }
  @media only screen and (max-width: 768px) {
    ul.menu li {
      width: 48%;
      margin: 0 1%; } }

ul.menu li#menu-item-3033, ul.menu li#menu-item-3037 {
  width: 7%; }
  @media only screen and (max-width: 768px) {
    ul.menu li#menu-item-3033, ul.menu li#menu-item-3037 {
      width: 10%; } }

ul.menu li a {
  display: block;
  width: 100%;
  padding: 10px 7px 5px; }
  @media only screen and (max-width: 768px) {
    ul.menu li a {
      padding: 5px 0; } }

ul.menu li.twittericon,
ul.menu li.facebookicon {
  float: none;
  display: inline-block;
  margin: 0 0;
  padding-left: 20px;
  text-align: right; }
  @media only screen and (max-width: 960px) {
    ul.menu li.twittericon,
    ul.menu li.facebookicon {
      font-size: 1.7em;
      font-size: 1.7rem;
      line-height: 1em; } }
  @media only screen and (max-width: 768px) {
    ul.menu li.twittericon,
    ul.menu li.facebookicon {
      width: 24%;
      padding-left: 0;
      text-align: center !important; } }

ul.menu.socialicons {
  text-align: left; }
  @media only screen and (max-width: 768px) {
    ul.menu.socialicons {
      text-align: center;
      margin-top: 10px; } }

ul.menu li.twittericon a,
ul.menu li.facebookicon a {
  padding: 0 0; }

ul.menu, ul.socialmedia {
  overflow: hidden;
  text-align: right; }

ul.menu {
  text-align: left; }

ul.menu li.menu-item a {
  text-align: center; }

ul.menu li a, ul.sub-menu li a {
  color: #fff; }

ul.menu li a:hover, ul.sub-menu li a:hover, ul.menu li.current-menu-item a, ul.sub-menu li.current-menu-item a {
  color: #ff7f01;
  background: rgba(154, 2, 1, 0.8); }

ul.menu li.twittericon a:hover,
ul.menu li.facebookicon a:hover {
  background: none; }

.SecondMenu ul.sub-menu {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background: rgba(154, 2, 1, 0.8);
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out; }

body.page-id-19 ul.sub-menu li#menu-item-2406, body.page-id-167 ul.sub-menu li#menu-item-2406 {
  width: 25%;
  margin-left: 25%; }

body.page-id-19 ul.sub-menu li#menu-item-2407, body.page-id-167 ul.sub-menu li#menu-item-2407 {
  width: 25%;
  margin-right: 25%; }

ul.sub-menu.visible {
  max-height: 4em;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6); }

ul.sub-menu li {
  width: 14.285%;
  display: inline-block;
  float: left;
  font-size: 1.6em;
  font-size: 1.6rem;
  text-align: center;
  padding: 10px 0; }
  @media only screen and (max-width: 960px) {
    ul.sub-menu li {
      font-size: 1.3em;
      font-size: 1.3rem; } }
  @media only screen and (max-width: 768px) {
    ul.sub-menu li {
      width: 33.3%;
      padding: 5px 0; } }

ul.sub-menu li.current-menu-item a {
  background: none; }

@media only screen and (max-width: 768px) {
  #headercontent {
    display: none; } }

@media only screen and (max-width: 768px) {
  body.home #headercontent, body.home #mc_embed_signup {
    display: block;
    width: 100%;
    text-align: center; } }

/* home sub menu and contact page sub menu for Your Visit */
li#menu-item-6133 ul.sub-menu,
li#menu-item-6145 ul.sub-menu {
  position: absolute;
  width: 100%;
  display: none;
  opacity: 0;
  background: rgba(154, 2, 1, 0.8);
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out; }

li#menu-item-6133:hover ul.sub-menu,
li#menu-item-6145:hover ul.sub-menu {
  z-index: 3;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  opacity: 1; }
  @media only screen and (max-width: 960px) {
    li#menu-item-6133:hover ul.sub-menu,
    li#menu-item-6145:hover ul.sub-menu {
      display: none; } }

@media only screen and (max-width: 960px) {
  ul li#menu-item-6133 ul.sub-menu,
  ul li#menu-item-6145 ul.sub-menu {
    display: none; } }

ul li#menu-item-6133 ul.sub-menu li,
ul li#menu-item-6145 ul.sub-menu li {
  margin: 0;
  padding: 0; }

body.page-id-19 ul.menu li ul.sub-menu li a,
body.home ul.menu li ul.sub-menu li a {
  padding: 10px 0; }

body.page-id-2399 li#menu-item-6133 ul.sub-menu {
  display: none; }

ul li#menu-item-6145 ul.sub-menu li {
  float: right; }

#menu-list {
  display: none; }
  @media only screen and (max-width: 768px) {
    #menu-list {
      width: 100%;
      display: block;
      overflow: hidden;
      font-size: 1.5em;
      font-size: 1.5rem;
      cursor: pointer;
      margin: 0;
      padding: 10px;
      text-align: center; } }

@media only screen and (max-width: 768px) {
  #menu-list a:hover, #menu-list a:focus, ul.menu li a:hover, ul.menu li a:focus {
    color: #ff7f01; } }

.entry {
  margin: 0 5%;
  padding: 20px 20px 50px;
  overflow: hidden;
  width: 90%; }
  @media only screen and (max-width: 960px) {
    .entry {
      padding: 20px 0 10px; } }

body.home .entry,
body.page-id-3583 .entry {
  overflow: visible; }

.entry h2 {
  font-size: 2.5em;
  font-size: 2.5rem; }
  @media only screen and (max-width: 960px) {
    .entry h2 {
      text-align: center; } }
  @media only screen and (max-width: 768px) {
    .entry h2 {
      font-size: 2em;
      font-size: 2rem; } }

.entry h3 {
  font-size: 1.75em;
  font-size: 1.75rem; }

.entry p {
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1.4em;
  margin-top: 10px;
  padding: 5px 10px; }
  @media only screen and (max-width: 960px) {
    .entry p {
      font-size: 1.1em;
      font-size: 1.1rem;
      margin-top: 0; } }

.entry p strong {
  color: #e85547;
  font-size: 110%; }

.entry img {
  max-width: 400px;
  width: 100%;
  height: auto; }

body.page-id-81 .entry img {
  max-width: 1800px; }

body.page-id-87 .entry img {
  max-width: 680px; }

.tw-plugin-upcoming-event-list {
  padding-bottom: 20px; }
  .tw-plugin-upcoming-event-list div[class^="Monthbox"] {
    display: inline-block;
    width: 24%;
    margin: 20px .5% 0;
    vertical-align: top;
    background: rgba(0, 0, 0, 0.5); }
  .tw-plugin-upcoming-event-list div[class^="thismonth"] {
    margin: 0 0 10px 0;
    padding: 10px;
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px solid #e85547;
    font-size: 1.7rem; }
    .tw-plugin-upcoming-event-list div[class^="thismonth"] h3 {
      font-size: 1.7rem;
      margin-bottom: 5px;
      color: #e85547; }
    .tw-plugin-upcoming-event-list div[class^="thismonth"] .tw-event-image {
      width: 100%;
      float: none;
      display: block;
      height: auto;
      overflow: hidden; }
      .tw-plugin-upcoming-event-list div[class^="thismonth"] .tw-event-image img {
        max-width: 100% !important;
        height: auto;
        float: none !important;
        float: none !important;
        margin-right: 0 !important; }
    .tw-plugin-upcoming-event-list div[class^="thismonth"] .ticketlink {
      font-size: 1.7rem; }
    .tw-plugin-upcoming-event-list div[class^="thismonth"] .tw-event-description {
      font-size: 1.2rem;
      padding: 10px; }

ul#latestshows {
  width: 100%;
  display: block;
  overflow: visible; }

ul#latestshows li, .Monthbox {
  display: inline-block;
  width: 23%;
  margin: 20px .85% 0; }
  @media only screen and (max-width: 480px) {
    ul#latestshows li, .Monthbox {
      display: block;
      float: none;
      width: 100%;
      margin: 0 0; } }

body.page-template-page-christmas .Monthbox {
  width: 100%;
  margin: 0 0;
  float: none; }

ul#latestshows li img, ul#latestshows li .latestdate {
  display: block;
  float: left;
  width: 77%;
  height: auto;
  line-height: 1; }
  @media only screen and (max-width: 480px) {
    ul#latestshows li img, ul#latestshows li .latestdate {
      width: 100%; } }

img.attachment-thumbnail, ul#latestshows li .latestdate, #birthdaysbox h2, #christmasbox h2, #newyearbox h2, #stagsandhensbox h2, #monthshowlistbox h2, #brewery h2,
#openingtimes h2, ul.monthbox, ul.homepagedetails, #monthshowlistbox img {
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6); }

ul#latestshows li .latestdate, #birthdaysbox h2, #stagsandhensbox h2, #brewery h2, ul.monthbox, #monthshowlistbox h2, #newyearbox h2, #christmasbox h2,
#openingtimes h2 {
  width: 23%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.65em;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 5px; }

#christmasbox, #newyearbox {
  margin-top: 20px; }

ul#latestshows li:nth-child(4n+1), body.category-shows .entry .Monthbox:nth-of-type(4n+1) {
  clear: left; }
  @media only screen and (max-width: 1200px) {
    ul#latestshows li:nth-child(4n+1), body.category-shows .entry .Monthbox:nth-of-type(4n+1) {
      clear: none; } }

@media only screen and (max-width: 1200px) {
  ul#latestshows li:nth-child(3n+1), body.category-shows .entry .Monthbox:nth-of-type(2n+1) {
    clear: left; } }

@media only screen and (max-width: 960px) {
  ul#latestshows li:nth-child(2n+1) {
    clear: left; } }

ul#latestshows li {
  position: relative;
  margin-bottom: 60px; }
  @media only screen and (max-width: 1200px) {
    ul#latestshows li {
      width: 31%;
      margin: 0 1%  35px; } }
  @media only screen and (max-width: 960px) {
    ul#latestshows li {
      width: 48%;
      margin: 0 1%  35px 0; } }
  @media only screen and (max-width: 480px) {
    ul#latestshows li {
      margin-bottom: 20px;
      width: 100%;
      margin: 0 0; } }

@media only screen and (max-width: 480px) {
  ul#latestshows li.shownight {
    display: block;
    position: relative;
    margin: 10px 0 30px;
    float: none;
    overflow: hidden; } }

@media only screen and (max-width: 480px) {
  #latestshows li.shownight .latestdate {
    width: 100%; } }

ul#latestshows li .latestdate span.theday {
  display: block;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    ul#latestshows li .latestdate span.theday {
      display: inline;
      width: auto; } }

.availability {
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Safari prior 9.0 */
  transform: rotate(-3deg);
  font-size: 1rem;
  z-index: 4; }
  .availability img {
    width: 100%;
    height: auto; }
  .availability .st_soldout {
    display: block;
    width: 60%;
    margin: 0 0 0 10%;
    text-transform: uppercase;
    text-align: center;
    background-color: #e85547;
    border: 1px solid white;
    -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6); }

.availability.sold-out {
  left: 0;
  width: 100%; }

.latestdate a {
  font-size: 1.3rem;
  line-height: 1;
  display: block;
  padding-top: 5px; }

body.home .shownight .attachment-thumbnail,
body.home .shownight img,
body.page-id-3583 .shownight .attachment-thumbnail {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out; }

body.home .shownight .transition:hover,
body.home .shownight img:hover,
body.page-id-3583 .shownight .transition:hover {
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: translateZ(0) scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }
  @media only screen and (max-width: 1200px) {
    body.home .shownight .transition:hover,
    body.home .shownight img:hover,
    body.page-id-3583 .shownight .transition:hover {
      -webkit-transform: translateZ(0) scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2); } }
  @media only screen and (max-width: 768px) {
    body.home .shownight .transition:hover,
    body.home .shownight img:hover,
    body.page-id-3583 .shownight .transition:hover {
      -webkit-transform: translateZ(0) scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }

img.attachment-thumbnail, #monthshowlistbox img, li.shownight img {
  border: 1px solid #fff; }

ul#latestshows li ul.homepagedetails, ul#latestshows li ul.homepagedetails li {
  width: 100%;
  clear: both;
  overflow: hidden; }

ul#latestshows li ul.homepagedetails li {
  font-size: 1.5em;
  font-size: 1.5rem; }

ul.homepagedetails {
  background: rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  clear: both;
  position: relative;
  display: block; }
  @media only screen and (max-width: 960px) {
    ul.homepagedetails {
      padding-top: 0;
      margin-top: 0px !important; } }

ul.homepagedetails li {
  padding: 20px 5px 5px;
  margin: 0;
  margin-bottom: 10px !important; }

ul#latestshows li ul.homepagedetails {
  position: relative; }
  @media only screen and (max-width: 768px) {
    ul#latestshows li ul.homepagedetails {
      margin-bottom: 20px; } }

a.ticketlink {
  text-align: right;
  width: 100%;
  display: block;
  margin-top: 4px; }

a.othertickets {
  font-size: 1.75em;
  font-size: 1.75rem; }

ul.homepagedetails {
  z-index: 1;
  position: relative; }

img.attachment-thumbnail {
  z-index: 2;
  position: relative; }

.moreinfo {
  z-index: 3; }

.entry.home-footbox {
  clear: both;
  overflow: hidden; }

body.single-post .entry img.attachment-thumbnail {
  width: 40%;
  margin-right: 40px;
  height: auto;
  float: left;
  clear: both; }

body.single-post .entry,
body.page .entry {
  margin: 20px auto;
  max-width: 1300px; }
  @media only screen and (max-width: 960px) {
    body.single-post .entry,
    body.page .entry {
      margin-top: 0;
      min-height: 100px; } }

a.happyhour {
  display: block;
  width: 100%;
  margin-top: 20px; }

body.page-id-5309 .post {
  text-align: center; }
  body.page-id-5309 .post p {
    font-size: 1.5rem; }

body.error404 .entry,
body.page-id-118 .entry,
body.page-id-87 .entry,
body.page-id-116 .entry,
body.page-id-81 .entry,
body.page-id-19 .entry,
body.page-id-167 .entry,
body.page-id-89 .entry,
body.page-id-2400 .entry,
body.page-id-81 .entry,
body.page-id-138 .entry,
body.page-id-176 .entry,
body.page-id-4094 .entry {
  background: rgba(0, 0, 0, 0.3);
  max-width: 1350px;
  text-align: center; }

@media only screen and (max-width: 960px) {
  body.single-post .entry h2,
  body.page .entry h2 {
    margin-bottom: 20px; } }

h1.entry-title {
  font-size: 4em;
  font-size: 4rem;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    h1.entry-title {
      font-size: 2.5em;
      font-size: 2.5rem;
      text-align: center;
      margin-bottom: 10px; } }

body.page-id-4094 .entry h3 {
  margin-top: 1em; }

body.single-post p {
  font-size: 2em;
  font-size: 2rem;
  padding-bottom: 10px; }

body.page-id-19 .entry p {
  font-size: 1.5em;
  font-size: 1.5rem;
  padding-bottom: 10px; }

body.category-shows .entry {
  margin: 20px 5% 0;
  min-height: 0;
  overflow: hidden; }
  @media only screen and (max-width: 960px) {
    body.category-shows .entry {
      margin: 0 5%; } }

body.category-shows .entry img {
  max-width: 400px;
  height: auto;
  float: left;
  margin-right: 40px; }

.future-dates {
  text-align: right;
  display: block;
  clear: both;
  width: 90%;
  margin: 0 5%;
  padding-top: 20px;
  font-size: 1.7em;
  font-size: 1.7rem; }
  @media only screen and (max-width: 960px) {
    .future-dates {
      margin-bottom: 20px; } }

.openingtimesbox {
  width: 100%;
  padding: 10px 20px 20px;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.6); }

.openingtimesbox p {
  font-size: 1.2em;
  font-size: 1.2rem;
  padding: 3px 0;
  text-align: right; }
  @media only screen and (max-width: 960px) {
    .openingtimesbox p {
      padding: 3px 0;
      text-align: left; } }

#post-176 .entry p {
  text-align: center; }

.entry .fluid-width-video-wrapper {
  max-width: 940px;
  margin: 10px auto;
  float: none;
  text-align: center; }

#birthdaysbox, #stagsandhensbox, #brewery, #christmasbox, #newyearbox, #monthshowlistbox, #openingtimes {
  width: 32%;
  float: left;
  margin-right: 2%;
  position: relative; }

#monthshowlistbox {
  margin-right: 0 !important; }
  @media only screen and (max-width: 960px) {
    #monthshowlistbox {
      margin-right: auto !important; } }

#birthdaysbox img, #stagsandhensbox img, #brewery img, #monthshowlistbox img, #christmasbox img, #newyearbox img {
  width: 100%;
  height: auto;
  display: block; }

#birthdaysbox h2, #stagsandhensbox h2, #brewery h2, #monthshowlistbox h2, #openingtimes h2,
#christmasbox h2, #newyearbox h2 {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 10px;
  font-size: 1.7em;
  font-size: 1.7rem; }

#brewery {
  margin-top: 20px; }

#birthdaysbox h2 a, #stagsandhensbox h2 a, #brewery h2, #monthshowlistbox h2 a, #brewery h2 a,
#christmasbox h2 a, #newyearbox h2 a {
  color: #fff; }

.moreinfo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  text-align: right;
  padding: 20px;
  font-size: 1.7em;
  font-size: 1.7rem; }
  @media only screen and (max-width: 960px) {
    .moreinfo {
      padding: 4px;
      font-size: 1.4em;
      font-size: 1.4rem; } }

#openingtimes h2 {
  -webkit-box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.6); }

#openingtimes {
  margin-right: 0; }
  @media only screen and (max-width: 960px) {
    #openingtimes {
      width: 42%; } }

@media only screen and (max-width: 960px) {
  body.home #birthdaysbox, body.home #stagsandhensbox, body.home #brewery,
  body.home #christmasbox, body.home #newyearbox {
    width: 27%; } }

@media only screen and (max-width: 768px) {
  body.home #birthdaysbox, body.home #stagsandhensbox, #openingtimes, #brewery,
  body.home #christmasbox, body.home #newyearbox {
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    float: none; } }

#post-19 {
  overflow: hidden; }

#post-19 p {
  width: 49%;
  float: left; }
  @media only screen and (max-width: 960px) {
    #post-19 p {
      width: 100%;
      text-align: center; } }

#post-19 p iframe {
  max-width: 90%;
  border: none;
  position: relative; }
  @media only screen and (max-width: 960px) {
    #post-19 p iframe {
      max-width: 70%; } }
  @media only screen and (max-width: 768px) {
    #post-19 p iframe {
      max-width: 100%; } }

body.single-event .singleeventpic {
  width: 25%;
  float: left; }

body.single-event .singleeventcontent {
  width: 75%;
  float: left;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  padding: 20px;
  min-height: 600px;
  margin-bottom: 20px; }

@media only screen and (max-width: 768px) {
  body.single-event .entry {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap; } }
body.single-event .entry .singleeventcontent img {
  max-width: 520px; }

body.single-event .singleeventpic p {
  text-align: center; }

@media only screen and (max-width: 768px) {
  body.single-event .singleeventpic, body.single-event .singleeventcontent {
    width: 100%;
    float: none;
    padding: 10px;
    text-align: center; } }

body.single-event .entry p {
  padding: 5px 0; }
  @media only screen and (max-width: 768px) {
    body.single-event .entry p {
      text-align: center; } }

.em-booking {
  margin: 0 0 10px 0 !important; }

.em-booking-form-details {
  width: 90% !important; }
  @media only screen and (max-width: 768px) {
    .em-booking-form-details {
      width: 100% !important;
      margin: 0 auto !important;
      float: none !important; } }

body.single-event .entry .em-booking-form-details p {
  padding: 10px !important;
  font-size: 1.8em;
  font-size: 1.8rem; }

body.single-event iframe {
  overflow-y: hidden; }

h2.bookticketsformheader {
  margin-top: 30px; }

.em-booking-form label {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0; }

.em-booking-form-details input[type=submit],
.em-booking-buttons .fa-arrow-circle-right {
  padding: 20px 0 0 10px !important;
  text-transform: uppercase;
  line-height: 1em;
  vertical-align: baseline; }

@media only screen and (max-width: 768px) {
  .em-booking-buttons {
    font-size: 1.8em;
    font-size: 1.8rem;
    text-align: center; } }

.em-booking-buttons .fa-arrow-circle-right {
  color: #ffea00;
  font-size: 1.7em;
  font-size: 1.7rem; }

.em-bookings-ticket-table-type, .em-bookings-ticket-table-price, .em-bookings-ticket-table-spaces {
  padding-top: 20px; }

.em-bookings-ticket-table-price, .em-bookings-ticket-table-spaces {
  padding-left: 10px; }

.row-fluid {
  color: black; }

.single-event__ticket-btn-wrapper {
  text-transform: uppercase; }

.billetto_widget_wrapper .tickets__list {
  height: auto !important; }

.Monthbox {
  float: left;
  overflow: hidden; }

.Monthbox h2 {
  cursor: pointer; }

#pickamonth {
  float: none;
  width: 100%; }

.Monthbox:last-child {
  margin-bottom: 20px; }

h2.month {
  cursor: pointer;
  font-size: 1.5em;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: right;
  padding: 40px 0;
  line-height: 1em;
  display: block;
  width: 100%;
  margin: 0; }

.Monthbox {
  padding: 0; }
  @media only screen and (max-width: 960px) {
    .Monthbox {
      width: 48%; } }
  @media only screen and (max-width: 768px) {
    .Monthbox {
      width: 100%;
      margin-bottom: 20px; } }

ul.listings, ul.christmas {
  width: 100%;
  display: block;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.5em;
  font-size: 1.5rem; }

ul.listings li, ul.christmas li {
  margin: 0 0 10px 0;
  padding: 10px;
  clear: both;
  width: 100%;
  display: block;
  border-bottom: 1px solid #e85547; }

ul.listings li:last-child, ul.christmas li:last-child {
  border-bottom: none; }

.month.January {
  background: url(images/1January.png) center center no-repeat;
  background-size: cover; }

.month.February {
  background: url(images/2February.png) center center no-repeat;
  background-size: cover; }

.month.March {
  background: url(images/3March.png) center center no-repeat;
  background-size: cover; }

.month.April {
  background: url(images/4April.png) center center no-repeat;
  background-size: cover; }

.month.May {
  background: url(images/5May.png) center center no-repeat;
  background-size: cover; }

.month.June {
  background: url(images/6June.png) center center no-repeat;
  background-size: cover; }

.month.July {
  background: url(images/7July.png) center center no-repeat;
  background-size: cover; }

.month.August {
  background: url(images/8August.png) center center no-repeat;
  background-size: cover; }

.month.September {
  background: url(images/9September.png) center center no-repeat;
  background-size: cover; }

.month.October {
  background: url(images/10October.png) center center no-repeat;
  background-size: cover; }

.month.November {
  background: url(images/11November.png) center center no-repeat;
  background-size: cover; }

.month.December {
  background: url(images/12December.png) center center no-repeat;
  background-size: cover; }

body.page-template-page-christmas .month.December {
  background: none; }

body.page-template-page-christmas h2.month {
  display: none; }

body.page-template-page-christmas .entry p {
  padding: 0; }

body.page-template-page-christmas #post-2988 .entry ul {
  margin: 0; }

.details h2 {
  padding-top: 10px; }
  @media only screen and (max-width: 960px) {
    .details h2 {
      text-align: left !important; } }

@media only screen and (max-width: 960px) {
  .month {
    background-size: 55% !important; } }

ul.listings .details {
  position: relative; }

ul.listings li h3 {
  font-size: 1.7em;
  font-size: 1.7rem;
  margin-bottom: 5px;
  color: #e85547; }

ul.listings li p {
  font-size: 1.2em;
  font-size: 1.2rem; }

@media only screen and (max-width: 768px) {
  #birthdaysbox, #stagsandhensbox, #brewery, #monthshowlistbox, #openingtimes, .column1, .column2 {
    width: 100%;
    margin: 10px auto;
    max-width: 400px;
    float: none; } }

#post-2400 h3 {
  color: #ff7f01;
  margin-top: 20px; }

#post-2400 .entry, #post-116 .entry {
  max-width: 900px; }

#post-2400 .entry p {
  margin-top: 0; }

body.page .entry ul {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin: 20px 5%;
  padding: 20px; }
  @media only screen and (max-width: 960px) {
    body.page .entry ul {
      font-size: 1.2em;
      font-size: 1.2rem;
      margin: 20px 2%; } }

body.page-id-3583 .entry ul.edinburghpreviews {
  font-size: 1.4em;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin: 20px 0 !important;
  padding: 0 !important; }
  @media only screen and (max-width: 960px) {
    body.page-id-3583 .entry ul.edinburghpreviews {
      font-size: 1.2em;
      font-size: 1.2rem; } }

body.page .entry ul li {
  padding-bottom: 20px; }

#tb_paypal {
  width: 90%;
  display: block;
  text-align: center;
  margin: 0 auto 20px; }

#tb_paypal tr, #tb_paypal tbody {
  width: 100%;
  display: block; }

.ssba-wrap {
  margin: 20px 0; }
  @media only screen and (max-width: 960px) {
    .ssba-wrap {
      display: none; } }

body.page-id-2539 table {
  width: 100%;
  font-size: 1.3em !important; }

body.page-id-2539 input[type=submit] {
  border: none;
  background: #000; }

select {
  color: black; }

body.page-id-2891 .entry h2 {
  margin-top: 20px; }

body.page-id-171 {
  background-image: url("http://www.up-the-creek.com/UpTheCreek/wp-content/themes/UpTheCreek2016/images/birthdayclubpage/BirthdayClub-bg.jpg");
  background-size: cover;
  background-position: center top;
  background-attachment: fixed; }
  @media only screen and (max-width: 480px) {
    body.page-id-171 {
      background-image: url("http://www.up-the-creek.com/UpTheCreek/wp-content/themes/UpTheCreek2016/images/birthdayclubpage/BirthdayClub-bg-phones.jpg"); } }

body.page-id-171 #header, body.page-id-171 #footer {
  background: none; }

body.page-id-171 #header {
  max-width: 1800px;
  margin: 0 auto;
  text-align: center; }

body.page-id-12919 .entry p {
  font-size: 1.6em;
  font-size: 1.6rem; }
  @media only screen and (max-width: 768px) {
    body.page-id-12919 .entry p {
      font-size: 1.2em;
      font-size: 1.2rem; } }

@media only screen and (max-width: 768px) {
  body.page-id-171 #header img {
    max-width: 95%;
    margin: 0 auto; } }

body.page-id-171 .entry p strong {
  color: #fff; }

#birthdayclubcontent {
  display: inline-block;
  width: 55%;
  margin-right: 9%; }
  @media only screen and (max-width: 960px) {
    #birthdayclubcontent {
      width: 100%; } }

#mc_embed_signup,
#mc_embed_signup {
  display: inline-block;
  width: 35%;
  float: none;
  vertical-align: top; }
  @media only screen and (max-width: 960px) {
    #mc_embed_signup,
    #mc_embed_signup {
      width: 100%; } }

body.page-id-2919 .entry h2 {
  text-transform: uppercase;
  padding-bottom: 20px; }

#mc_embed_signup input[type=email],
#mc_embed_signup input[type=text],
#mc_embed_signup input[type=email],
#mc_embed_signup input[type=text] {
  background: #fff;
  width: 100%;
  margin: 10px 0 20px;
  padding: 5px;
  color: #000; }

#mc_embed_signup input.birthday,
#mc_embed_signup input.birthday {
  width: auto; }

#mc_embed_signup input[type=submit],
#mc_embed_signup input[type=submit] {
  text-align: right;
  width: 100%;
  padding: 0; }

#mc_embed_signup #mc_embed_signup_scroll .mc-field-group,
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
  width: 100%;
  text-align: right; }

#mc_embed_signup label {
  display: block;
  position: relative;
  top: auto;
  left: auto; }

#mc_embed_signup input[type=submit],
#mc_embed_signup label, #mc_embed_signup input[type=submit] {
  font-size: 1.8em;
  font-size: 1.8rem; }
  @media only screen and (max-width: 768px) {
    #mc_embed_signup input[type=submit],
    #mc_embed_signup label, #mc_embed_signup input[type=submit] {
      font-size: 1.4em;
      font-size: 1.4rem; } }

.indicates-required {
  text-align: right;
  padding-bottom: 20px; }

.wdsi-slide-wrap #mc_embed_signup {
  width: 90%; }
.wdsi-slide-wrap #mc_embed_signup input[type=submit] {
  font-size: 2em;
  font-size: 2rem; }
.wdsi-slide-wrap #mc_embed_signup label {
  font-size: 1.4em;
  font-size: 1.4rem; }
  @media only screen and (max-width: 768px) {
    .wdsi-slide-wrap #mc_embed_signup label {
      font-size: 1.2em;
      font-size: 1.2rem; } }

#header h1.wdsi-slide-title {
  font-size: 2.7em;
  font-size: 2.7rem;
  margin-top: 20px;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    #header h1.wdsi-slide-title {
      margin-top: 0;
      font-size: 1.75em;
      font-size: 1.75rem; } }

.voucherbanner {
  width: 100%;
  margin-bottom: 20px;
  text-align: center; }

.voucherbanner img {
  width: 100%;
  max-width: 94%; }

#tb_paypal td {
  vertical-align: bottom;
  line-height: 2em;
  padding-right: 10px; }

@media only screen and (max-width: 480px) {
  #arrow, #pdffile {
    display: none; } }

.joblink {
  background-color: #5c0609;
  padding: .5em;
  margin-top: 2em; }

.joblink p {
  padding: 0;
  margin: 0; }

body.page-id-5871 .entry h2 {
  text-align: center;
  padding-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    body.page-id-5871 .entry h2 {
      padding-bottom: 0; } }
body.page-id-5871 .entry img {
  max-width: 820px;
  height: auto;
  display: block;
  margin: 0 auto;
  border: 10px solid #facd00; }
  @media only screen and (max-width: 768px) {
    body.page-id-5871 .entry img {
      border: 4px solid #facd00; } }

p.input-field-data_privacy_consent input[type="checkbox"] {
  display: inline-block;
  margin-right: 20px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  vertical-align: middle;
  -ms-transform: scale(1.2);
  /* IE */
  -moz-transform: scale(1.2);
  /* FF */
  -webkit-transform: scale(1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2);
  /* Opera */
  transform: scale(1.2); }

.post {
  min-height: 100%; }

.entry {
  padding-bottom: 150px; }

body.home .entry {
  padding-bottom: 20px; }

body.home .post {
  min-height: 0%; }

#footer {
  overflow: hidden;
  text-align: right;
  padding: 20px;
  font-size: 1.2em;
  font-size: 1.2rem;
  background: url(images/UpTheCreek-footer-background.png) no-repeat center bottom rgba(0, 0, 0, 0.5);
  width: 100%;
  display: block;
  background-size: contain;
  line-height: 1.5em; }
  @media only screen and (max-width: 1200px) {
    #footer {
      font-size: .9em;
      font-size: .9rem; } }
  @media only screen and (max-width: 960px) {
    #footer {
      line-height: 1.2em; } }

body.home .home-footbox {
  overflow: hidden !important; }

#footer {
  position: relative;
  margin-top: -150px;
  height: 150px;
  clear: both; }
  @media only screen and (max-width: 768px) {
    #footer {
      margin-top: 0;
      height: auto; } }

body.home #footer {
  margin-top: 60px; }

#footer p {
  line-height: 1em;
  width: 100%; }

#footer img {
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 auto; }

.footeraddress {
  width: 20%;
  float: left;
  margin-left: 5%;
  text-align: left; }

.footercontact {
  width: 50%;
  float: left;
  text-align: center; }

.footerlinks {
  width: 20%;
  float: left;
  margin-right: 5%; }

ul.footersocial {
  width: 20%;
  margin: 10px auto;
  display: block;
  overflow: hidden; }

ul.footersocial li {
  float: left;
  width: 50%;
  font-size: 1.7em;
  font-size: 1.7rem; }

a.lua {
  display: block;
  margin-top: 1.5em; }

@media only screen and (max-width: 768px) {
  .footeraddress, .footerlinks, .footercontact {
    width: 100%;
    text-align: center;
    margin: 0; } }

@media only screen and (max-width: 768px) {
  .footeraddress br {
    display: none; } }

.bullets-container {
  display: table;
  position: fixed;
  right: 0;
  height: 100%;
  z-index: 2;
  font-weight: normal; }

.section-bullets {
  transition-duration: .3s;
  list-style: none;
  margin: 0;
  display: table-cell;
  vertical-align: middle; }

.section-bullets li {
  display: block;
  text-align: right;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  cursor: pointer;
  margin-bottom: 1px; }

.section-bullets li a:before {
  content: ' ';
  width: 0;
  height: 100%;
  background-color: #eee;
  position: absolute;
  right: 0;
  top: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  transition-duration: .1s; }

.section-bullets li a:after {
  content: ' ';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  color: aqua;
  right: 8px;
  top: 8px;
  transition-duration: .2s;
  background-color: #fff; }

.section-bullets li a {
  color: #000;
  overflow: hidden;
  position: relative;
  display: inline-block;
  transition-duration: .3s;
  opacity: 0.5;
  margin-left: 5px;
  padding: 5px 20px 5px 10px;
  text-decoration: none;
  min-height: 11px; }

.section-bullets li a:active,
.section-bullets li a:focus,
.section-bullets li a:hover {
  text-shadow: none; }

.section-bullets li span {
  position: relative;
  right: 0;
  transition-duration: 0.3s;
  opacity: 0; }

.section-bullets li.active a {
  opacity: 1; }

.section-bullets li.active a:before {
  width: 100%;
  transition-duration: .3s;
  transition-delay: 0.4s; }

.section-bullets li.active a:after {
  background-color: #000; }

.section-bullets li:hover a {
  opacity: 1; }

.section-bullets li:hover span {
  opacity: 1;
  transition-delay: 0.1s;
  color: #F6CD69; }

.section-bullets li.active span {
  opacity: 1;
  transition-duration: .3s;
  transition-delay: 0.5s; }

section {
  min-height: 100vh;
  overflow: hidden;
  min-width: 100%; }
  @media only screen and (max-width: 480px) {
    section {
      min-height: auto; } }

#arrow a, #pdffile a {
  position: fixed;
  padding: .3em;
  cursor: pointer;
  font-size: 2rem;
  opacity: .5;
  color: #fff; }

#arrow a:hover, #arrow a:focus, #pdffile a:hover, #pdffile a:focus {
  opacity: 1; }

#arrow a.previous {
  top: 0;
  right: 0;
  z-index: 3; }

#arrow a.next {
  bottom: 0;
  right: 0;
  z-index: 4; }

#pdffile a {
  bottom: 0;
  left: 0;
  z-index: 5;
  font-size: 1em; }

body.page-template-page-venuehire2017 {
  background-image: none;
  color: #CED2D2;
  background-color: #222124;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 {
      font-size: 1.25rem; } }

body.page-template-page-venuehire2017 #header, #people, #mainroom, #scrollto-section-7 {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }

#scrollto-section-7 {
  background-image: url(img/barbg.jpg); }

body.page-template-page-venuehire2017 #header {
  min-height: 70vh;
  background-image: url(img/UpTheCreekVenueBG.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 #header {
      min-height: 65vh; } }

body.page-template-page-venuehire2017 #header {
  padding: 0; }

body.page-template-page-venuehire2017 .entry {
  width: 100%;
  max-width: 100%;
  padding: 1em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 .entry {
      padding: 1em .75em; } }

body.page-template-page-venuehire2017 #studio {
  width: 70%;
  max-width: 70%; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 #studio {
      width: 90%;
      max-width: 90%; } }

body.page-template-page-venuehire2017 .entry h1 {
  font-size: 6rem;
  color: #F6CD69;
  padding-bottom: .5rem; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 .entry h1 {
      font-size: 2rem; } }

body.page-template-page-venuehire2017 .entry h2 {
  font-size: 4rem;
  padding: .5rem 0;
  color: #F6CD69; }
  @media only screen and (max-width: 768px) {
    body.page-template-page-venuehire2017 .entry h2 {
      font-size: 1.75rem;
      padding: 0 0;
      margin-bottom: 0; } }

.cyan, #mainroom h2 {
  color: #34A5DA; }

.magnolia, body.page-template-page-venuehire2017 .entry strong,
body.page-template-page-venuehire2017 .entry em {
  color: #F6CD69; }

.light,
body.page-template-page-venuehire2017 .entry h2.light,
body.page-template-page-venuehire2017 p {
  color: #fff; }

.venuecontent {
  display: inline-block;
  height: auto;
  width: 100%;
  vertical-align: middle; }

#VenueHire {
  padding: 3em 2em; }
  @media only screen and (max-width: 768px) {
    #VenueHire {
      padding: 1em .75em; } }

#VenueHire:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.venuecontent p, .mainroomcontent p, #downstairs p {
  font-size: 1.5rem;
  line-height: 1.4em;
  padding: .5em 2em; }
  @media only screen and (max-width: 768px) {
    .venuecontent p, .mainroomcontent p, #downstairs p {
      font-size: 1.25rem;
      line-height: 1.2em;
      padding: .5em; } }

#people {
  background-image: url(img/People-bg.jpg);
  min-height: 100vh; }
  @media only screen and (max-width: 768px) {
    #people {
      min-height: auto; } }

#mainroom, #bar {
  background-image: url(img/mainroom.jpg);
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 0;
  min-height: 100vh; }
  @media only screen and (max-width: 768px) {
    #mainroom, #bar {
      background-size: cover;
      min-height: auto; } }

#bar {
  background-image: url(img/Barroom.jpg); }

#scrollto-section-5 {
  background-color: #34A5DA;
  display: table;
  height: 100vh; }

#scrollto-section-9, #scrollto-section-11, #quotes p {
  background-color: #34A5DA; }

body.page-template-page-venuehire2017 #gallery-4 .gallery-item {
  margin: 10px;
  display: inline-block;
  width: auto; }

#people p img {
  width: 70%;
  min-width: 70%;
  height: auto;
  margin: 2em auto; }
  @media only screen and (max-width: 768px) {
    #people p img {
      width: 100%; } }

.mainroomcontent {
  margin: 0 5% 0 50%;
  background-color: #222124;
  min-height: 100%;
  height: 100%;
  padding: 2em 0;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 768px) {
    .mainroomcontent {
      margin: 5%;
      padding: 1em 0; } }

#bar .mainroomcontent {
  margin: 0 10% 0 40%;
  padding: 2em 0;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 768px) {
    #bar .mainroomcontent {
      margin: 5%;
      padding: 1em 0; } }

.mainroomcontent:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

#scrollto-section-7 .mainroomcontent, #scrollto-section-9 .mainroomcontent, #bar {
  background-color: #34A5DA; }

#mainroomplan {
  padding: 2em;
  text-align: center; }

#mainroomplan h2 {
  color: white; }

#scrollto-section-6 .entry img,
#scrollto-section-10 .entry img {
  height: 80vh;
  width: auto;
  max-width: 2000px; }

.gallery {
  padding: 3em 5%;
  float: none;
  text-align: center;
  width: 90%; }
  @media only screen and (max-width: 768px) {
    .gallery {
      padding: 1em 0;
      width: 70%; } }
  @media only screen and (max-width: 480px) {
    .gallery {
      width: 90%; } }

#gallery-3, #studio .mainroomcontent, #downstairs {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 2em 0;
  min-height: auto; }
  @media only screen and (max-width: 768px) {
    #gallery-3, #studio .mainroomcontent, #downstairs {
      width: 100%;
      padding: 1em 0; } }

#gallery-4 .gallery-item {
  float: none !important; }

#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item,
#gallery-4 .gallery-item {
  width: 40% !important;
  margin: 10px 5%; }
  @media only screen and (max-width: 768px) {
    #gallery-1 .gallery-item,
    #gallery-2 .gallery-item,
    #gallery-3 .gallery-item,
    #gallery-4 .gallery-item {
      float: none !important;
      width: 90% !important;
      height: auto;
      margin: 0 auto; } }

#gallery-3 .gallery-item {
  width: 90% !important; }
  @media only screen and (max-width: 768px) {
    #gallery-3 .gallery-item {
      width: 80% !important; } }
  @media only screen and (max-width: 480px) {
    #gallery-3 .gallery-item {
      width: 96% !important; } }

@media only screen and (max-width: 768px) {
  .gallery br {
    display: none; } }

dt.gallery-icon img {
  min-height: auto;
  min-width: 100%;
  height: auto;
  width: 100%; }

#downstairs {
  width: 100%; }

#quotes h2 {
  margin-bottom: .5em; }

#quotes {
  display: block;
  height: 100%;
  overflow: visible; }

#quotes p {
  border-radius: 10px;
  padding: .5em;
  width: 30%;
  margin-left: 2em;
  display: inline-block;
  position: relative;
  font-size: 1.5em;
  line-height: 1.35em; }
  @media only screen and (max-width: 768px) {
    #quotes p {
      width: 80%;
      padding: 1em;
      margin: 1em auto; } }

#quotes p:first-of-type {
  margin-left: 0;
  margin-right: 1em; }
  @media only screen and (max-width: 768px) {
    #quotes p:first-of-type {
      margin: 1em auto; } }

#quotes p:after {
  top: 100%;
  left: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(52, 165, 218, 0);
  border-top-color: #34A5DA;
  border-width: 30px;
  margin-left: -30px; }

#quotes p:last-of-type {
  margin-top: 1em; }

#quotes p:first-of-type:after {
  left: 35%; }

#quotes p:last-of-type:after {
  left: 50%;
  margin-bottom: 1em; }