/* 
Theme Name: Solspecialisten - Monitor Child 
Theme URL: https://solspecialisten.se
Description: Solspecialisten - Monitor Child  
Theme Author: Simon Leliévre, CC IT
Author URL: https://ccit.se
Template: astrid 
Version: 1.0.0 
Text Domain: Astrid-child 
*/
.container{
	width:90%;
}

.site-content{
	margin-top:5px;
	margin-bottom:5px;
}

.header-scrolled .main-navigation ul li a {
	color: #ED1C24!important;
}

.header-scrolled .main-navigation ul li a:hover {
	color: #508f31!important;
}

.header-button{
	color: #ffffff;
}

.btn-menu{
	color: #508f31!important;
}

.monitor_site{
	width:50%;
	clear: both;
	text-align:center;
	margin: 0 auto;
	margin-top: 20px;
}

.monitor_energy{
	width: 60%;
	height:250px;
	float:left;
}

.monitor_env{
	width:39%;
	height:250px;
	float:left;
}

.performance{
	width: 80%;
	height: 300px;
	margin: 0 auto;
}

.current{
	width: 24%;
	height: 250px;
	float: left;
}

.today{
	width: 24%;
	height: 250px;
	float: left;
}

.month{
	width: 24%;
	height: 250px;
	float: left;
}

.total{
	width: 24%;
	height: 250px;
	float: left;
}

.env{
	width: 60%;
	height: 300px;
	margin: 0 auto;
}

.co2{
	width: 49%;
	height: 250px;
	float: left;
}

.trees{
	width: 49%;
	height: 250px;
	float: left;
}

.monitor_site h1{
	display:inline;
}

.monitor_site h2{
	display:inline;
}

.monitor_site h3{
	display:inline;
}

.performance h2{
	text-align: center;
}

.performance h3{
	text-align: center;
}

.performance h4{
	text-align:center
}

.env h2{
	text-align: center;
}

.env h3{
	text-align: center;
}

.env h4{
	text-align:center
}

.monitor .fa{
	text-align: center;
	font-size:40px;
	width: 100%;
	height: 40px;
	color:#508f31;
	margin: 0 auto;
}

.last_update{
	font-size:10px;
	font-style: italic;
}

.google_chart{
	width: 39%; 
	height: 500px; 
	margin:0 auto;
	float:left;
	padding:20px;
}

.news{
	width:60%;
	float:left;
	height:500px;
}

.news h2{
	text-align: center;
}

.thenews{
	width:70%;
	margin:0 auto;
}

.weatherwidget-io{
	clear:both;
	width: 50%;
	margin: 0 auto;
	margin-bottom:50px;
	margin-top:20px;
}

#site-menu{
	width:50%;
	text-align: center;
	margin: 0 auto;
}

.menu-anlaggningar-container{
	text-align: center;
	font-size: 22px;
}

.menu-anlaggningar-container ul{
	list-style-type: none!important;
}

.eaw-daily-item-component{
	height:80px;
}

.eaw-weather-component div{
	float:left;
	
}


.eaw-daily-item-component div{
	clear:both;
	float:none!important;
}


.eaw-daily-item-icon{
	clear:both;
	float:right;
}

.eaw-daily-item-temp{
	clear:both;
	float:right;
}

@media only screen and (max-width: 1080px){
	.container{
		width:90%;
	}
	
	.monitor_site{
		width:80%;
	}
	
	.monitor_energy{
		width: 70%;
		height: 375px;
		float: left;
	}
	
	.monitor_env{
		width: 30%;
		float: left;
	}
	
	.performance{
		width: 90%;
		height: 375px;
		margin: 0 auto;
		margin-bottom:25px;
	}
	
	.current{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.today{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.month{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.total{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.env{
		width: 90%;
		height: 375px;
		margin: 0 auto;
	}
	
	.co2{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.trees{
		width: 49%;
		height: 150px;
		float: left;
	}
	
	.google_chart{
		width: 80%; 
		height: 500px; 
		clear:both;
		float:none;
		margin-bottom:50px;
	}
	
	.news{
		width:80%;
		clear:both;
		float:none;
		height:400px;
		margin: 0 auto;
	}
	
	.thenews{
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	
	.weatherwidget-io{
		clear:both;
		width: 90%;
		margin: 0 auto;
		margin-bottom:50px;
	}
	
	.wp-custom-header{
		height:auto!important
	}
}