@import "../../../assets/css/_structure.less";

// conference specific styles here
@darker-grey:   lighten(black, 15%);
@dark-grey:     lighten(black, 20%);
@light-grey:    lighten(black, 30%);
@lighter-grey:  lighten(black, 40%);

// often configured values (and their defaults):
//
@brand-primary:         #f19224;
@text-color:            white;

@link-color:            white;
@link-hover-color:      @lighter-grey;

@navbar-height:         70px;

@navbar-default-color:  white;
@navbar-default-bg:     #000;

@navbar-default-border: white;

@navbar-default-link-color:       white;
//@navbar-default-link-hover-color: @link-hover-color;

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-condensed-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('roboto-condensed-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-condensed-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-condensed-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('roboto-condensed-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-condensed-v13-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body {
	background-color: black;
  padding: @navbar-height 0
}

.panel-default {
	color: @dark-grey;
	a {
		color: @dark-grey;
	}
}
.panel-primary {
	background-color: @light-grey;
	border-color: @light-grey;
	color: white;
	a {
		color: white;
	}
}

h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-brand {
  font-family: 'Roboto Condensed';
  font-weight: 300;
}

.navbar-brand {
  font-size: 20px;
}

.well {
	color: @dark-grey;
}

.banner {
  margin-top: 40px;
  background: url(logo.gif) no-repeat center;
	height: 170px;
	text-indent: -9999em;
}

@media (max-width: 480px) {
  .banner {
    margin-top: 60px;
  }
}

.player-wrap {
	background-color: @darker-grey;
}

.nav-tabs > li > a {
	border-color: @dark-grey;
}

nav .navbar-form {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

nav .button-wrapper > .btn {
 width: 70px;
 height: 70px;
 margin-left: -1px;
 border-color: white;
 border-top: 0;
 border-bottom: 0;
 border-radius: 0;
 background: url(icons.png) no-repeat left top;
 text-indent: -9999px;
 display: block;
 float: left;
}

nav .button-wrapper > .btn-ssl {
  background-position: -72px top;
}

nav .button-wrapper > .btn-ssl.btn-success {
  background-position: left top;
}

nav .button-wrapper > .feedback {
  background-position: -216px top;
}

nav .button-wrapper > .releases {
  background-position: -144px top;
}

nav .button-wrapper > .about {
  background-position: -288px top;
}

.well a {
  color: @dark-grey;
  text-decoration: underline;
}
.alert {
  a {
    text-decoration: underline;
  }
  &.alert-success a {
    color: @state-success-text;
  }
  &.alert-info a {
    color: @state-info-text;
  }
  &.alert-warning a {
    color: @state-warning-text;
  }
  &.alert-danger a {
    color: @state-danger-text;
  }
}

body.multiview .cell {
  color: black;
}

.closed .about a {
  text-decoration: underline;
  color: @brand-primary;
}