/*
Theme Name: HU
Author: Pierre Charlet
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body, html
{
	font-family: 'Roboto', sans-serif;
	color: white;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, button
{
	font-weight: 300;
	text-transform: uppercase;
}
body
{
	background: url('img/stardust.png');
	background: url('img/background2.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a
{
	color: white;
	text-transform: uppercase;
}
a:hover
{
	color: #42685b!important;
}

label, p, th, td
{
	font-weight: 400;
}
#top
{
	
	height: 100px;
	
}

#topLogo
{
	background-image: url('img/ecriture.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 70%;
	height: 100%;
}

@media (max-width: 360px){
	#topLogo
	{
		background-size: 90%;
	}
}

#mainContainer
{
	--background-color: #333333;
	padding: 20px 0;
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
      border-top: 0;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

.navbar
{
	border-radius: 0;
	height: 80px;
	background-image: url('img/zwartevilt.png');
	border: none;
	z-index: 1;
	margin-bottom: 0;

	-webkit-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	-moz-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
}
.navbar-nav
{
	background-image: url('img/zwartevilt.png');
}

.navbar-fixed
{
	position: fixed;
	width: 100%;
	top: 0;
}
.navbar-nav>li>a
{
	line-height: 60px;
	padding: 10px 20px;
	color: white!important;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
}
.navbar-nav>li>a:hover
{
	color: #42685b!important;
	background-color: #e7e7e7!important;

}
.navbar-default .navbar-nav>.active>a
{
	color: #42685b!important;
}

.navbar-brand 
{
	padding: 5px;
	padding-right: 15px;
}
.navbar-brand img
{
	height: 70px;
}

#logoLetter
{
	margin-top: -70px;
}

#partners
{
	background-color: #232323;
	padding: 0px 20px 20px 20px;
	background-image: url('img/black_lozenge.png');
}
.owl-item img
{
	margin:	0 auto;
	height: 60px;
	width: auto!important;
}
footer
{
	min-height: 200px;
	width: 100%;
	background-image: url('img/zwartevilt.png');

	-webkit-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	-moz-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
}

footer ul
{
	padding-left: 0;
}
footer ul li
{
	list-style: none;
}
.subFooter
{
	padding-top: 10px;
	background-color: #232323;
}
.img-footer
{
	padding: 15px;
	height: 200px;
}

.img-partner div
{
	height: 80px;
	padding: 0 20px;
	display: inline-block;
}

.img-partner img
{
	height: 100%;
}

#eventCarousel
{
	margin-top: -20px;
}
#eventCarousel img 
{
	--height: 450px;
	width: 100%;
}

.carousel-caption
{
	background-color: black;
	opacity: 0.8;
	padding: 0;
	margin-bottom: 40px;
}

.eventCard
{
	margin-bottom: 20px;
}
.shadow
{
	-webkit-box-shadow: 0px 0px 24px -1px rgba(48,47,48,0.71);
	-moz-box-shadow: 0px 0px 24px -1px rgba(48,47,48,0.71);
	box-shadow: 0px 0px 24px -1px rgba(48,47,48,0.71);
}
.eventCard div
{
	padding: 0;
	background-image: url('img/zwartevilt.png');
}

.eventCard hr
{
	margin: 0 5px;
}
.eventCard h3
{
	padding-top: 10px;
}
.eventCard h3, h5
{
	padding-left: 15px;
	margin: 5px 0 5px 0;
}
.eventDetails h1
{
	width: auto;
	padding-left: 15px;
	border-right: 1px solid white;
}
.eventDetails h5
{
	padding-top: 15px;
}
.eventDetails h5:last-child
{
	padding-top: 5px;
}
.eventDetails i
{
	width: 20px;
	text-align: center;
}
.eventCard button
{
	background-image: url('img/zwartevilt.png');
	height: 40px;
	border-radius: 0;
	color: white;
}


.eventCard a:last-child button
{
	border-left: 1px solid gray;
}
.eventCard a:first-child button
{
	border-left: none;
}


.eventCard img
{
	padding: 0;
}
.eventCard div[class^="bg-"]
{
	background-image: none;
	height: 5px;
}

.bg-success
{
	background-color: #4f8a0f;
}

.bg-danger
{
	background-color: #D8000C;
}

.bg-warning
{
	background-color: orange;
}
.price
{
	color: #42685b;
	font-weight: 400;
}

.form-control
{
	border-radius: 0;
}
.btn
{
	border-radius: 0;
}
.inline-block
{
	--display: inline-block;
	--float: left;
}
.block
{
	background-image: url('img/zwartevilt.png');
	padding: 10px;
	margin-bottom: 10px;

	-webkit-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	-moz-box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
	box-shadow: 0px 0px 10px -1px rgba(48,47,48,0.71);
}
.block iframe
{
	width: 100%;
}
.inline-block select
{
	margin: 20px 0;
	text-transform: uppercase;
}
.bg-locked
{
	background-color: #001632;
}
.bg-danger, .bg-success
{
	padding: 10px;
	color: black;
}

.input-lg
{
	height: 40px;
}
.no-top-margin
{
	margin-top: 0;
}
.no-bottom-margin
{
	margin-bottom: 0;
}
.no-padding
{
	padding: 0;
}

.eventInfo img
{
	margin-bottom: 20px;
}

.eventInfo i
{
	width: 30px;
}

.eventInfo button
{
	color: black;
	margin-top: -5px;
}

.popover 
{
	color: black;
}

.modal-content
{
	background-image: url('img/zwartevilt.png');
	border-radius: 0;
}
.modal-body
{
	background-color: white;
	color: black;
}
.btn-primary
{
	background-color: #42685b;
	color: white!important;
	border: none;
}

#loadingContainer
{
	text-align: center;
}
#loadingContainer img
{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
#loadingContainer #logoLetter
{
	margin-left: -400px;
	margin-top: 0;
}

.fade
{
	opacity: 1;
}
.fade.ng-hide {
  opacity: 0;
}

.fade.ng-hide-remove,
.fade.ng-hide-add {
  display: block !important;
}

.fade.ng-hide-remove {
  transition: all linear 1000ms;
}

.fade.ng-hide-add {
  transition: all linear 500ms;
}
.ui-datepicker select
{
	color: black;
}
.alert
{
	border-radius: 0;
}

.marquee {
	width: 100%;
    overflow: hidden;
    color: white;
}
.js-marquee-wrapper {
    position: relative;
}

.btn-primary:hover
{
	background-color: #e6e6e6;
	color: black!important;
}

.modal a
{
	color: black;
	text-transform: none;
	text-decoration: underline;
}

.locationsTab
{
	font-size: 21px;
}

.locationsTab i
{
	padding-left: 15px;
}



.seatContainer
{
	margin: auto;
	border-collapse: collapse;
}
.seatContainer td
{
	padding: 1px;
	text-align: center;
}

.seatContainer thead th
{
	padding-bottom: 10px;
	text-align: center;
}
.seatContainer tbody th
{
	padding-right: 10px;
}
.frontCar
{
	background-color: gray; 
	padding: 10px!important;
	margin-left: 10px;
	border-radius: 0 30px 30px 0;	
}

.seat:before
{
  content: ' \25CF';
  font-size: 40px;
  color: #42685b;
  color: white;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  
}
.seat:hover:before
{
  color: #42685b;
}

.activeSeat:before
{
	color: #42685b;
}


.busySeat:hover:before
{
	color: #ec3645;
	cursor: auto;
}
.busySeat:before
{
	color: #ec3645;
	cursor: auto;
}

.emptySeat
{
	width: 25px;
    display: inherit;
}

.activeLink
{
	color: #42685b!important;
}

.iconVolant
{
	background-image: url('img/volant.png');
	width: 30px;
	height: 30px;
}

.payment-table
{
	margin-top: -20px;
}
.payment-table tr:first-child td
{
	border-top: none;
}
.msg-warning
{
	color: red;
	padding-left: 0;
}