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

@orange: #FE5000;
@grey-lighter: #333333;
@grey-darker: #2a2a2a;
@grey-light: #D0D0CE;
@dark: #000000;
@green: #00BB31;

@brand-primary: @orange;
@well-bg: @grey-lighter;
@navbar-default-bg: @grey-lighter;
@btn-default-bg: @grey-light;
@panel-default-heading-bg: @grey-darker;
@panel-default-text: @orange;
@panel-bg: @grey-lighter;

@navbar-height:         70px;
@navbar-default-bg:     black;
@navbar-default-border: black;

/*
 * buttons
 */
 @btn-font-weight: 600;
 a.btn, input.btn, .btn-primary {
	 text-transform: uppercase;
	 //color: @orange;
 }
 a.btn:hover, input.btn:hover {
	 color: @green;
 }

/*
 * font
 */
 @import url("/configs/conferences/36c3/font.css");

.font-headline {
	//color: @color-grey;
	font-family: 'Blackout 2AM', sans-serif;
  	font-weight: 100; /* black*/
	text-transform: uppercase;
}

h1,
h2,
//h3,
body.overview .room a.title,
body.overview .panel-primary a,
.navbar-brand,
.panel-heading,
.panel-default > .panel-heading,
.nav.nav-tabs {
	.font-headline()
}

.panel-default {
	border-color: #FE5000;
}
   
.panel-default > .panel-heading {
	border-color: #00BB31;
}


body.room .tab-content {
	border-left: 1px solid #00BB31;
	border-bottom: 1px solid #00BB31;
	border-right: 1px solid #00BB31;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
 color: #FE5000;
}

.panel {
	background-color: #000;
}


.panel-default > .panel-heading {
	background-color: #000;
}
   
body .schedule .now {
	//background-color: rgba(222,103,100,0.6);
	//background-color: unset;

}

body .schedule .block.event h3 {
 overflow: unset;
 font-size: 16px;
}


h1, h3 { color: @orange; }
h2 { color: @green; }

body.overview .panel-body {
    min-height: 10px;
}

body {
	background-color: @dark;
	color: @grey-light;
	padding: @navbar-height 0;
}

body .schedule .block h5 {
 color: #767676;
}

.nav > li {
 position: relative;
 display: block;
 background-color: #959595;
}


nav.navbar {
	.navbar-brand {
		color: @orange;
	}

	.navbar-right {
		text-align: right;

		.btn-ssl, a.feedback, a.releases, a.about {
			color: @orange;
			background-color: transparent;
			border-color: @orange;

			&:hover {
				background-color: @green;
				border-color: @green;
			}
		}

		.btn-ssl.btn-warning {
			color: grey;
			background: transparent;
			border-color: grey;
		}
	}
}

.congress {
     background-image: url(36c3_vert.png);
     background-repeat: no-repeat;
     background-size: 160px 780px;

     position: fixed;
     left: 10px;
     //bottom: 100px;

     width: 160px;
     height: 780px;

     opacity: 1;
     z-index: -100;

     @media (max-width: @screen-sm-min) {
         display: none;
     }
 }

.congress-motto {
	background-image: url(motto_vertical.png);
	background-repeat: no-repeat;
	background-size: 116px 780px;

	position: fixed;
	right: 10px;
	//bottom: 100px;

	width: 116px;
	height: 780px;

	opacity: 1;
	z-index: -100;

	@media (max-width: @screen-sm-min) {
		display: none;
	}
}