@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
	.retina-logo {
		width: 24px;
		height: 24px;
	}
}

/* ------------ */
/* GENERAL PAGE */
/* ------------ */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	height: 16px;
	overflow: visible;
	width: 16px;
}

::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.2);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 6px;
	min-height: 28px;
	padding: 100px 0 0;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

html {
	font-size: 100%;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	color:#6e6e6e;
	background-color:#e5e5e5;
	font-size: 1em;
	line-height: 1.5em;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	/* bugs fixed position
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:"Open Sans", sans-serif;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}

/* ?? */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ------------ */
/* LAZY LOADING */
/* ------------ */

.loader {
	position: relative;
	top: 50%;
	left: 50%;
}

/* --------------------- */
/* FOOTER & FIXED NAVBAR */
/* --------------------- */

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	padding: 0 0 80px;
}

#wrap > .container {
  padding-top: 60px;
}

/* FIXED NAVBAR */

.navbar {
	border-bottom-width: 2px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
	background-color:#73bfef;
	border:none;
}
.navbar-default .navbar-toggle:hover {
	background-color:#67acd7;
}

.navbar-default {
	border-color: #d8d8d8;
}

/* non collapsed menu customization */
@media (min-width: 768px) {
	.navbar-nav {
		float:right;
	}

	.navbar-default .navbar-nav>li {
		border-left:1px solid #e5e5e5;
	}

	.navbar-default .navbar-nav>li:last-child {
		border-right:1px solid #e5e5e5;
	}

	.navbar-default .navbar-nav>li>a {
		display:block;
		height:60px;
		line-height:60px;
		padding:0 20px;
		color:#73bfef;
		text-align:center;
	}
	.navbar-default .navbar-nav>li>a:hover {
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		color:#67acd7;
	}

	.navbar-default .navbar-nav>.active>a {
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
		color:#fff;
		background-color: #73bfef;
	}
	.navbar-default .navbar-nav>.active>a:hover {
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset;
		box-shadow: 0 0 15px rgba(0,0,0,0.2) inset;
		color:#fff;
		background-color: #73bfef;
	}
}
/* collapsed menu customization */
@media (max-width: 768px) {
	.navbar-default .navbar-nav>li>a {
		color:#73bfef;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color:#67acd7;
		padding-left: 25px;
	}

	.navbar-default .navbar-nav>.active>a {
		background-color:#73bfef;
		color:#fff;
	}
	.navbar-default .navbar-nav>.active>a:hover {
		background-color:#67acd7;
		color:#fff;
		padding-left: 25px;
	}
}

/* FOOTER */

#footer {
	border-top: 2px solid #d8d8d8;
	margin-top: 20px;
	height: 60px;
	background-color: #f5f5f5;
}

.credits {
	font-size: 0.9em;
	margin-top: 20px;
	text-align: center;
}

/* --------- */
/* CARD-LIST */
/* --------- */

.card-list > h2 {
  font-size: 1.1em;
  margin-top: 30px;
  color: #7e7e7e;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #c8c8c8;
}

/* ---- */
/* CARD */
/* ---- */

.card {
	margin-top: 20px;

	background-color: #f8f8f8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d8d8d8;
	border-bottom-width: 2px;
	border-top-width: 0;
}

.card-section {
	padding: 20px;
}

.card-promotional {
	box-shadow: 0 0 5px 1px rgb(255, 247, 237);
	-webkit-box-shadow: 0 0 5px 1px rgb(255, 247, 237);
}

.card-dynamic {
	-webkit-transition: all 0.7s;
	transition: all 0.4s;
}

.card-dynamic:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);

	z-index:1000;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

.card-link, .card-link:focus, .card-link:hover {
	color: inherit;
	text-decoration: none;
}

.card h2, .card h1 {
	font-size:1.3em;
	line-height:1.2em;
	margin:0;
	padding:0;

	color:#73bfef;
	font-weight:600;
}

.card-image {
	height: 150px;
	width: 100%;

	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}

.card-image-tall {
	height: 250px;
}

.card-primary {
	background-color:#ffffff;
	position:relative;
}

.card-primary-promotional {
  background-color:#fff7ed;
}

.card-primary-list {
	float: left;
	width:75%;
	max-width:75%;
	padding:10px;
}

.card-price {
	position:absolute;
	width:25%;
	max-width:25%;
	top:0;
	bottom:0;
	right:0;

	overflow: hidden;

	font-size:1.2em;
	
	letter-spacing:-1px;
	color:#ffffff;
	background-color:#73bfef;
}

.card-price-inner {
	position:absolute;
	left:0;
	right:0;
	text-align: center;
	top:50%; height:1.2em; margin-top:-0.6em;
}

.card-details {
	padding:10px 10px 10px 70px;
	min-height:40px;
	border-top: 1px solid #e5e5e5;
}

.announce-card {
	background-color: #73bfef;
	color: #ffffff;
	padding: 20px;
	text-align: center;
}

.announce-card a {
	color: #36596F;
}

/* ----------- */
/* MISC FIELDS */
/* ----------- */

.location-teaser {
	text-align:right;
	padding:3px 10px;
}

.details {
	border-top: 1px solid #e5e5e5;
	padding: 10px 10px 10px 70px;
	min-height: 40px;
	background-repeat: no-repeat;
	background-color:transparent;
	background-position:15px 50%;
}

.google-map {
	height:250px;
}

.emphase {
	color:#3e3e3e;
	font-weight: 500;
}

.centered {
	text-align: center;
}

ul.inline-list {
	list-style:none;
	margin:0;
}

ul.inline-list li {
	display:inline;
}

.like {
	margin-top: 10px;
	min-height: 52px;
}

@media (min-width: 992px) {
	.like {
		min-height: 20px;
	}
}

/* Social sharing */
.share {
	padding:20px;
	margin:20px auto;
}

.share a {
	color:white;
	padding:3px 10px 3px 50px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	display:block;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.share a:hover {
	text-decoration:none;
}

a.share-fb {
	background:url("/img/facebook-sharing.png") 10px 50% no-repeat #3b5998;
}

a.share-twitter {
	background:url("/img/twitter-sharing.png") 10px 50% no-repeat #4099ff;
}

/* ----- */
/* ICONS */
/* ----- */

.mm-icon-price {
	background-image:url('/img/price-event-icon.png');
}

.mm-icon-date {
	background-image:url('/img/date-icon.png');
}

.mm-icon-location {
	background-image:url('/img/location-icon.png');
}

.mm-icon-station {
	background-image:url('/img/metro-icon.png');
}

.mm-icon-organizer {
	background-image:url('/img/contact-icon.png');
}

.mm-icon-facebook {
	background-image:url('/img/facebook-event-icon.png');
}

.mm-icon-comments {
	background-image:url('/img/comment.png');
}

.mm-icon-music {
	background-image:url('/img/music-event-icon.png');
}

/* ---------- */
/* ANIMATIONS */
/* ---------- */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:0.4s;
	-moz-animation-duration:0.4s;
	animation-duration:0.4s;
}

.fade-out {
	opacity: 1;
	-webkit-animation:fadeOut ease-in 1;
	-moz-animation:fadeOut ease-in 1;
	animation:fadeOut ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:0.4s;
	-moz-animation-duration:0.4s;
	animation-duration:0.4s;
}

/* BOOTSTRAP FIX */
.input-group .glyphicon.input-group-addon {
	top: 0px;
}
.input-group.rounded :first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.input-group.rounded :last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}


/********/
/* GAME */
/********/

.game-details {
  text-align: center;
  padding: 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/*********************/
/* FACEBOOK COMMENTS */
/*********************/

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/*********************/
/* TWITTER TYPEAHEAD */
/*********************/
.twitter-typeahead {
  width: 100%;
  top:1px;
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 4px 15px;
  font-size: 18px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}