@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Cabin);

/* GLOBAL STYLES
------------------------------------------------ -- */
/* Padding below the footer and lighter body text */

body {
  color: #ffffff;
  background: url('../assets/img/leather-bg.jpg') #111111 top left;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bangers', sans-serif;
  letter-spacing: 0px!important;
}

.section-header span {
  padding-bottom: 5px;
  background: url('../assets/img/menu-underline.png') repeat-x center bottom;
}

.image-wrapper-link {
  position: relative;
  display: block;
}
.image-wrapper-link .black-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.image-wrapper-link:hover .black-overlay-wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.black-overlay-wrapper .black-overlay {
  background: black;
  width: 100%;
  height: 100%;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.black-overlay-wrapper .black-overlay-text {
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: #FFF;
  font-weight: bold;
  position: relative;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

#ganderIframe {
  display: block;
  margin: 0 auto;
}

.logo-wrapper {
  text-align: center;
  position: relative;
}

.logo-inner-wrapper {
  margin: 0 auto;
  overflow: auto;
  position: relative;
}

.homepage-logo {
  height: 120px;
  padding: 0 10px;
  margin: 20px 0;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  padding-top: 10px;
  background: #111111;
}

.navigation {
  clear: both;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  left: 0;
}

.navigation li {
  display: inline-block;
  padding: 0 10px;
}

.navigation li a {
  color: #FFF;
  font-size: 1.3em;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 700;
  padding-bottom: 7px;
}
.navigation li a.active, .navigation li a:hover {
  background: url('../assets/img/menu-underline.png') repeat-x center bottom;
  color: #FFF4A5;
  text-decoration: none;
}
.navigation li a.social:hover {
  background: none;
}
.navigation li a.facebook {
  color: #3B5998;
}
.navigation li a.twitter {
  color: #499CD0;
}

/* FOOTER */
footer {
  margin: 20px 0;
}

/* LET'S BOOK */
.lets-book-block {
	width:100%;
  max-width: 200px;
  margin: 0 auto;
  display: block;
}
.lets-book-block .block-overlay-wrapper{
	width:100% !important;
}
.lets-book-block:hover {
  text-decoration: none;
}
.lets-book-block:hover .highlight {
  color: #FFF4A5;
}
.lets-book .row {
  margin-bottom: 10px;
}
.lets-book .row .image {
	width:100%;
  max-width: 200px;
  height: 150px;
  border: 1px solid white;
}

.lets-book .row .text-wrapper {
  color: #FFF;
  background: #333;
  padding: 10px;
  font-weight: 200;
  font-size: 1.3em;
  margin-bottom:10px;
}

.lets-book .row .text-wrapper .highlight {
  font-family: 'Bree Serif', serif;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.publish-stuff {
  color: #aaa;
}

#newsModalImage img, #eventModalImage img {
  width: 100%;
}

/* UPCOMING EVENTS
-------------------------------------------------- */

.upcoming-events .row .col-lg-4 {
  margin-top: 10px;
}

.upcoming-events .row h3 {
  color: #FFF4A5;
  max-height: 50px;
  overflow: hidden;
}

.upcoming-events .row img {
  width: 280px;
  height: 160px;
  display: block;
}

.upcoming-events .row p {
  max-height: 122px;
  overflow: hidden;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 20px 0;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.featurette .lead {
  font-size: 18px;
}

/* Others
-------------------*/
.carousel-caption {
  left: 20px;
  right: auto;
  }
.carousel-caption h1 {
  background: #fff;
  padding: 5px 10px;
  color: #333;
  border: 3px solid #333;
  }
.fc-event-inner {
	padding-bottom: 20px;
	}
.fc-event-title {
  color: #FFF4A5;
  font-size: 1.5em;
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  }
.t-tooltip-description {
  padding-top: 5px;
  line-height: 1.2em;
  }
  
.modal {
  color: #333;
}

/* Gallery */
#galleryTabs {
  text-align: center;
  padding: 10px 0;
}
#flickrIframeWrapper {
  display: none;
}

/* Menu */
#menuHolder {
  margin-top: 10px;
}
#menuHolder img {
  width: 100%;
  display: none;
}
#drinksMenu {
  display: none;
}

/* About */
.map_wrapper {
  border: solid 10px #FFFBE3;
  margin: 20px 0;
}
#map_canvas {
  border: 1px solid #333;
  width: 435px;
  height: 300px;
}

/* ShowClix */
#ecmoLink {
  display: block;
  position: absolute;
  width: 100%;
  height: 400px;
  top: 420px;
}
#ecmoLink2 {
  display: inline-block; 
  font-size: 4em;
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}
.fc-event-date{
	display:none;
}
@media (max-width:768px){
	.t-calendar-event{
		position:static !important;
	}
	.fc-event-container{
		position:static !important;
	}
	.fc-border-separate{
		display:none;
	}
	.fc-event-date{
		display:block;
		float:right;
	}
	#menuTabs .btn-group label{
		display:block;
		float:none;
	}
}

.nav-tabs {
  border: none;
  }

.nav-tabs > li {
  background: #428bca;
  }

.nav > li > a {
  color: #fff;
  border-radius: 0px;
  border: 1px solid #357ebd;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin: 0px!important;
  }

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active, .nav > li > a.active {
  background: #3276b1!important;
  outline: none!important;
  color: #fff!important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important;
  border: 1px solid #357ebd;
  }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: #3276b1!important;
  outline: none!important;
  color: #fff!important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)!important;
  border: 1px solid #357ebd;
  }