/*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

html,body {
	height:100%;
    background:center no-repeat fixed url('../images/bgBlur.jpg');
    background-size: cover;
}

.icon-bar {
	background-color:#fff;
}

.navbar-trans {
	background-color:#279ddd;
    color:#fff;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#38afef;
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top:70px;  
    padding-bottom:50px; 
    min-height:calc(100% - 1px);
}

.v-center {
    padding-top:10%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
    color:#fff;
}
  
#section1 {
	/*background-color: #168ccc;*/
	background-color:rgba(100,100,100,0.6);
    color:#dedeff;
}
  
#sectionMAP {
}
#sectionETP {
	/*background-color: #168ccc;*/
	background-color:rgba(50,50,50,0.6);
    color:#dedeff;
}


#sectionLOCATION {
	background-color:rgba(50,50,50,0.6);
    color:#dedeff;
}
  
#section2 {
	background-color: #e5e5ef;
    color:#686868;
}
  
#section3 {
	background-color: #168ccc;
    color:#ddd;
}

#section4 ,#section5 {
	background-color: #fff;
    color:#444;
}

#section7,#section7 a {
    color:#f5f5f5;
}

#section6 {
	background-color: #168ccc;
    color:#ddd;
}

footer {
	background-color:#494949;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}


/* ============================= */
.icon:before {
	font-family: 'MeteoconsRegular';
	content: attr(data-icon);
}


/* ============================= */
.weather_div {
	background-color:rgba(100,100,100,0.6);
    color:#dedeff;
    padding-top:10px;
    padding-bottom:10px;
	width: 250px;
}

.weather_label {
	font-family: 'BebasNeue';
	font-size:2em;
}

.weather_label_location {
	font-family: 'ColabThi';
	font-size:2em;
}
.weather_label_icon {
	font-family: 'MeteoconsRegular';
	font-size:10em;
}
.weather_label_temp {
	font-family: 'BebasNeue';
	font-size: 4em;
	padding: 10px;
}
.weather_label_wind {
	font-family: 'ColabThi';
	font-size:1.5em;
}
.weather_label_humidity {
	font-family: 'ColabThi';
	font-size:1.5em;
}

.weather_label_sunrize {
	font-family: 'ColabThi';
	font-size:1.5em;
}
.weather_label_sunset {
	font-family: 'ColabThi';
	font-size:1.5em;
}
.weather_label_insolation {
	font-family: 'ColabThi';
	font-size:3em;
}

.result_label {
	font-family: 'ColabThi';
	font-size:3em;
    margin: 30px 0px;
	padding:10px;
	min-width: 250px;
	min-Height: 150px;
	border: 0px solid rgba(255,255,255,0.7);;
	background-color:rgba(255,255,255,0.2);

}


.title_label {
	font-family: 'ColabThi';
	font-size: 5em;
	padding: 10px;
}
.title_label_etp {
	font-family: 'ColabThi';
	font-size: 3em;
	padding: 0px;
}
.title_label_empty {
	font-family: 'ColabThi';
	font-size: 4em;
	padding: 50px 50px 50px 50px;
	border-style: solid;
    border-width: 1px;
	border-color: white;
}
.title_labelsmall {
	font-family: 'BebasNeue';
	font-size: 3em;
	padding: 5px;
}
.title_label2 {
	font-family: 'ColabThi';
	font-size: 2em;
	padding: 10px;
}

#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; }