/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #eeeeee;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background: url("../img/grunge-bg.jpg");
}
body {
  color: #fff;
  text-align: center;
  text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
          box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 2rem;
}


/*
 * Header
 */

.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: bold;
  color: #eeeeee;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255,255,255,.25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 62em) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 42rem;
  }
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-content {
	    color: black;
}

.nav-img {
	width: 100;
}

.tickets {
	background: url(../img/ticket.png) no-repeat center;
}

/*Button Styles*/
.animated-button { 
	display: block;
	width: 200px; 
	padding: 5px 15px 5px 0px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	cursor: pointer; 
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #eff1f3;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.5);
	-moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.5);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.5);
	border: solid 1px #d0d5d9;
	background-image: -webkit-linear-gradient(bottom, #eff1f3, #fbfcfc);
	background-image: -moz-linear-gradient(bottom, #eff1f3, #fbfcfc);
	background-image: -o-linear-gradient(bottom, #eff1f3, #fbfcfc);
	background-image: -ms-linear-gradient(bottom, #eff1f3, #fbfcfc);
	background-image: linear-gradient(to top, #eff1f3, #fbfcfc);
}

.animated-button .icon { 
	float: left; 
	width: 50px; 
	height: 50px; 
	margin: 5px 12px 0 12px;
}
.animated-button .content { 
	float: left; 
}
.title {
 	margin: 7px 0 0 0; 
 	font-size: 20px;
 	color: #677480;
 	text-shadow: 0 1px 0px rgba(255,255,255,0.5);
}
.sub-title { 
	font-size: 13px;
	margin: 0;
	color: #9ba4ad; 
	text-shadow: 0 1px 0px rgba(255,255,255,0.5);
}

ul.buttons { 
/*
	padding-right: 20px; 
	margin: 20px auto; 
*/
	margin-left: 25%;
	list-style: none; 
	}
ul.buttons li { 
/* 	float: left;  */
	margin: 10px;
}

ul.buttons-icon { 
	display: inline-block;
	list-style: none; 
	margin: 0px auto; 
}

ul.buttons-icon li { 
	float: left; 
	margin-right: 10px; 
	}

/*Hover Animations*/

.animated-button.bounce:hover > .icon
	{
	-webkit-animation: hover_bounce 0.8s ease-in-out;
	-moz-animation: hover_bounce 0.8s ease-in-out;
	-ms-animation: hover_bounce 0.8s ease-in-out;
	animation: hover_bounce 0.8s ease-in-out;
}

/*Keyframes for WebKit */

@-webkit-keyframes hover_bounce
	{
	  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	  40% {-webkit-transform: translateY(-10px);}
	  60% {-webkit-transform: translateY(-5px);}
	}

/*Keyframes for Mozilla */

@-moz-keyframes hover_bounce
	{
	  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	  40% {-moz-transform: translateY(-10px);}
	  60% {-moz-transform: translateY(-5px);}
	}

/*Keyframes for Microsoft */

@-ms-keyframes hover_bounce
	{
	  0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	  40% {-ms-transform: translateY(-10px);}
	  60% {-ms-transform: translateY(-5px);}
	}

/*Keyframes No Prefix */

@keyframes hover_bounce
	{
	  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	  40% {transform: translateY(-10px);}
	  60% {transform: translateY(-5px);}
	}