body {
  width: 100%;
  margin-top: 120px;
  background-color:#FFF9F4 ;
}

/* a, a:visited, a:hover, a:active{color:#00517C} changes button colour too 
h1{color: #00517C;}
*/
.pastevent 
{object-fit: cover;
    opacity: 0.4;}
	
@font-face {
	font-family: 'Lemon/Milk Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Lemon/Milk Regular'), url('/fonts/LemonMilk.woff') format('woff');
}


body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}

.venueimage {background-repeat: no-repeat;background-size: cover; background-position: center -200px; margin:0px;padding:0px;-webkit-animation: fadeIn ease 3s; min-height:400px}
@media (max-width: 992px) {
.venueimage {background-position: center;}
}

@media (min-width: 576px) {

  .modal-dialog {
      max-width: 800px;
      margin: 1.75rem auto;
  }
}

.banner-text-responsive {
      font-size: 5vw; 
}
@media (min-width: 576px) {
  .banner-text-responsive {
    font-size: 170%;
  }
}
@media (min-width: 768px) {
  .banner-text-responsive {
      font-size: 200%;
  }
}
@media (min-width: 992px) {
  .banner-text-responsive {
      font-size: 300%;
  }
}

.whats-on-flag {
  background-color:#FFF9F4;
  border: 15px solid transparent;
  border-image: url('/images/sign-background3.jpg') 1% stretch;
  font-size: 2rem;
  padding: 0px;
}
.whats-on-flag p {  line-height: 1;  font-size: 1.2rem!important;}

@media (min-width: 992px) {
  .whats-on-flag {
      font-size: 300%;
  }
}

.whats-on-small {font-size: 12px; line-height: 14px; text-align: center;}

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
}






.handwritten {
font-family: 'Dancing Script', cursive;!important;
font-size:180%;
}
.gbff-font {
	font-family: 'Lemon/Milk Regular';
}
.gbff-red {
	color: #FF5142;
}
.gbff-blue {
	color: #00517C;
}

.gbff-body-text {
  font-family: 'League Spartan', sans-serif;
}

.funwords{background-color:#00517C; overflow:hidden; color:#FFF;font-family: 'League Spartan', cursive;!important;
font-size:2.8rem; line-height:0.8; text-align:center; vertical-align:middle; padding-top:20px}


.whatsonfade1 {animation-name: fadewo1; animation-delay: 0s; animation-duration: 3s; animation-iteration-count: infinite; opactity:0;position: absolute;text-align: center;}

@keyframes fadewo1 {
  0%   {opacity:0;}
  50%   {opacity:1;}
  100%   {opacity:0;}
}

.whatsonfade2 {animation-name: fadewo2; animation-delay: 3s; animation-duration: 3s; opactity:0; animation-iteration-count: infinite;position: absolute;text-align: center;}
@keyframes fadewo2 {
  0%   {opacity:0;}
  50%   {opacity:1;}
  100%   {opacity:0;}
}

.whatsonfade3 {animation-name: fadewo3; animation-delay: 6s; animation-duration: 3s; opactity:0;  animation-iteration-count: infinite;position: absolute;text-align: center;}
@keyframes fadewo3 {
  0%   {opacity:0;}
  50%   {opacity:1;}
  100%   {opacity:0;}
}

.whatsonfade4 {animation-name: fadewo4; animation-delay: 9s; animation-duration: 3s; opactity:0; animation-iteration-count: infinite;position: absolute;text-align: center;}
@keyframes fadewo4 {
  0%   {opacity:0;}
  50%   {opacity:1;}
  100%   {opacity:0;}
}



    .card-img-caption {
      border-top-left-radius: calc(.25rem - 1px);
      border-top-right-radius: calc(.25rem - 1px);
    }
      
    .card-img-caption .card-img-top {
      z-index: 0;
    }
        
    .card-img-caption .card-text {
      text-align: center;
      width: 100%;
      margin: 44.1% 0;
      position: absolute;
      z-index: 1;
      text-shadow: 2.5px 2.5px #3f3f3f;
    }

    .carousel-caption {
      text-shadow: 2.5px 2.5px #3f3f3f; 
    }


    .ct-btn-scroll {
        width: 49px;
        height: 49px;
        position: absolute;
        bottom: 90px;
        left: 0;
        right: 0;
        margin: auto;
        padding-top: 500px;
        z-index: 9;
        border-radius: 50%;
        -webkit-transition: background-color 0.25s ease-in-out;
        transition: background-color 0.25s ease-in-out;
    }
    hr.style-eight {
      overflow: visible; /* For IE */
      padding: 0;
      border: none;
      border-top: medium double #FF5142;
      color: #FF5142;
      text-align: center;
    }
    hr.style-eight:after {
        content: "FOOD – DRINK – MUSIC";
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.5em;
        padding: 0 0.25em;
        background: white;
    }
	  
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}


.featuredby {margin:o auto}
.featuredby img{max-width:120px; margin:o auto}



/* start of venue page styles */

         .paral {
         /*min-height: 600px;*/
         background-attachment: fixed;
         background-size: cover;
         background-position: 50% 50%;
         }
         .jumbotron{
         margin-bottom: 0;
         }
         .card-img-caption {
         border-top-left-radius: calc(.25rem - 1px);
         border-top-right-radius: calc(.25rem - 1px);
         }
         .card-img-caption .card-img-top {
         z-index: 0;
         }
         .card-img-caption .card-text {
         text-align: center;
         width: 100%;
         margin: 44.1% 0;
         position: absolute;
         z-index: 1;
         text-shadow: 2.5px 2.5px #3f3f3f;
         }
         .jumbotron h1, .jumbotron h3 {
         text-shadow: 5px 5px 10px #000;
         }
         @-webkit-keyframes zoomin {
         0% {
         -webkit-transform: scale(1);
         }
         50% {
         -webkit-transform: scale(0.85);
         }
         100% {
         -webkit-transform: scale(1);
         }
         }
		 .blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* end of venue page styles */


.featuredby {margin:o auto}
.featuredby img{max-width:120px; margin:o auto}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Lemon/Milk Regular';}

/*IE FIX*/
.card {
    display: flex;
    page-break-inside: avoid;
    break-inside: avoid;
}

.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 0.85s infinite linear;
  -o-animation: bounce 0.85s infinite linear;
  -webkit-animation: bounce 0.85s infinite linear;
  animation: bounce 0.85s infinite linear;
  color:000;
}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}

.carousel-item {
/*	min-height: 300px;*/
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.portfolio-item {
	margin-bottom: 30px;
}

.gbff-btn {
	color: white;
	background-color:#FF5142 !important;
 	font-family: 'Lemon/Milk Regular';
  -webkit-background-color:#FF5142;
}

.gbff-alt-btn {
  color: #FF5142;
  background-color:white !important;
  border: 2px solid #FF5142;
  font-family: 'Lemon/Milk Regular';
}

.gbff-btn-blue {
  color: white;
  background-color:#00517C !important;
  border: 2px solid #00517C;
  font-family: 'Lemon/Milk Regular';
}

.gbff-btn-blue:hover {
    color: #bcbcbc;
    text-decoration: none;
}

li {
	list-style: none;
}

/* Icon 1 */

.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
background: #000000;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}

    hr.style-eight {
      overflow: visible; /* For IE */
      padding: 0;
      border: none;
      border-top: medium double #FF5142;
      color: #FF5142;
      text-align: center;
    }
    hr.style-eight:after {
        content: "FOOD – DRINK – MUSIC";
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.5em;
        padding: 0 0.25em;
        background: white;
    }



    .card-img-caption {
      border-top-left-radius: calc(.25rem - 1px);
      border-top-right-radius: calc(.25rem - 1px);
    }
      
    .card-img-caption .card-img-top {
      z-index: 0;
    }
        
    .card-img-caption .card-text {
      text-align: center;
      width: 100%;
      margin: 44.1% 0;
      position: absolute;
      z-index: 1;
      text-shadow: 2.5px 2.5px #3f3f3f;
    }

    .carousel-caption {
      text-shadow: 2.5px 2.5px #3f3f3f; 
    }



    .ct-btn-scroll {
        width: 49px;
        height: 49px;
        position: absolute;
        bottom: 90px;
        left: 0;
        right: 0;
        margin: auto;
        padding-top: 500px;
        z-index: 9;
        border-radius: 50%;
        -webkit-transition: background-color 0.25s ease-in-out;
        transition: background-color 0.25s ease-in-out;
    }
	  
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.glow {
  color: #fff;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@media only screen and (max-width: 600px) {
  .glow {
    color: #fff;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
}

@media (min-width: 1000px) {

  .cloudflareVideo {
    position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: 100vh;height: 100vh;z-index: 0;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
  }

}

@-webkit-keyframes glow {
  from {
      text-shadow: 0 0 10px #fff, 0 0 20px #000B2B, 0 0 30px #000B2B, 0 0 40px #000B2B, 0 0 50px #000B2B, 0 0 60px #000B2B, 0 0 70px #000B2B;
  }
  
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #addef3, 0 0 20px #addef3, 0 0 25px #addef3, 0 0 30px #addef3, 0 0 35px #addef3;
  }
}

.textfade{
  position: absolute;
}
.textfade:nth-child(1){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-direction: normal;  
}

.textfade:nth-child(2){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-delay: 5s;
  animation-direction: normal;
}
.textfade:nth-child(3){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-delay: 10s;
  animation-direction: normal;
}



@keyframes fade{
    0%, 50%, 100% {
      opacity: 0;
      font-size: 40%;
}
    25%{
      opacity: 1;font-size: 100%
  }
}

.navbar {
    transition: top 1s cubic-bezier(0.4, 0, 1, 1);
    background-color: #FFF9F4;
    min-height: 120px;
    border-bottom: 4px #FF5142 solid;
}

.navbar-hide {
    top: -150px;
}

.navbar-collapse{padding: 1%;  background-color: #FFF9F4;
}

.CarouselSection .cards-wrapper {
  display: flex;
  justify-content: center;
}
.CarouselSection .card img {
  max-width: 100%;
  max-height: 100%;
}
.CarouselSection .card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
}
.CarouselSection .carousel-inner {
  padding: 1em;
}
.CarouselSection .carousel-control-prev, .CarouselSection .carousel-control-next {
  background-color: #2b2b2b;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
}

@media (min-width: 768px) {
  .CarouselSection .card img {
    height: 11em;
  }
}

.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

@media (pointer: coarse) and (hover: none) {
  #iframemap {
    pointer-events: none;
  }
}
.page-footer{background: linear-gradient(90deg, #003366 0%, #005fa3 100%);
  }