/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

/*header 						{ background: red; height: 13.3%; }*/
header 						{ position: relative; z-index: 10000; }
.home_wrapper 				{ position: absolute; top:127px;left:0;right:0;bottom:0; overflow: auto; z-index: 1; }
/*.home_container 			{ display: table; width: 100%; height: 86.7%; position: relative; }*/
.home_container 			{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_sidebar 				{ width: 360px; height: 100%; float: left; position: absolute; z-index: 9999; top: 0; left: 0; }
.home_sidebar_nav 			{ background: #012639; width: 75px; height: 100%; float: left; }
.home_sidebar_nav ul 		{ margin: 0px; padding: 20px 0 0 0; }
.home_sidebar_nav ul li 	{ text-align: center; }
.home_sidebar_nav li a 		{ color: #acc3e4; font-size: 38px; display: block; padding: 10px 0; width: 100%; text-decoration: none; }
.home_sidebar_nav li a:hover{ background-color: #004964; color: #FFF; }
.home_sidebar_cnt 			{ background: #FFF; width: 285px; height: 100%; float: left; }
.home_sidebar_title 		{ background: #FFF; border-bottom: solid 1px #989898; padding: 20px 0; text-align: center; }
.home_sidebar_title span 	{ color: #007889; font-size: 60px; }
.home_sidebar_title h3 		{ color: #007889; font: 600 19px/19px "Open Sans" Arial, sans-serif; margin: 15px 0 0 0; }
.home_sidebar_details		{ position: absolute; width: 285px; height: auto; overflow-y: scroll; bottom: 0; top: 135px; }
.home_sidebar_details_container	 { display: table; width: 100%; height: auto; }
.home_sidebar_details ul 	{ margin: 0; }
.home_sidebar_details h4 	{ background: #007889; color: #FFF; font: 600 14px/14px "Open Sans" Arial, sans-serif !important; margin: 0; padding: 10px; }
/*.home_sidebar_details span 	{ padding: 10px; display: block; border-bottom: solid 1px #989898; }*/
.home_sidebar_details li  	{ position: relative; padding: 10px; display: block; border-bottom: solid 1px #989898; }
.home_sidebar_details li:hover { background-color: #DDE8EB; }
.sidebar-icon			 	{ position: absolute; top: 15px; left: 10px; }
.home_sidebar_details img 	{  }
.home_sidebar_details p 	{ color: #666; font: 400 14px/21px "Open Sans" Arial, sans-serif; margin: 0; padding: 5px 0 0 35px; }
.home_sidebar_details li > a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.home_sidebar_details li.active > a { display: none; }
.home_sidebar_info 			{ position: absolute; left: 0; right: 0; padding: 20px 40px 20px 40px; z-index: 777; background-color: white; }
.home_sidebar_info_close 	{ position: absolute; right: 20px; top: 0; cursor: pointer; font-size: 24px; }
.home_map 					{ position: absolute; top: 0; bottom: 0; z-index: 777; }
.home_ad 					{ background: #FFF; color: #666; font: 600 12px/12px "Open Sans" Arial, sans-serif; text-align: center; padding-top: 8px; border-left: solid 1px #989898; position: absolute; top: 0; bottom: 0; right: 0; width: 180px; z-index: 9999; overflow: hidden; }
.home_ad span 				{ display: block; padding: 8px; }
.ipad_ad, .mobile 			{ display: none; }
.map_popup					{ line-height: 20px; } 
.map_popup h4				{ margin: 0; font-size: 19px !important; color: #777777; }
.map_popup h4 a				{ color: #1cbac8; }
.map_popup p				{ margin-bottom: 5px; font-size: 14px; }
.home_sidebar_cnt .home_sidebar_title {display: none;}
.home_sidebar_cnt.Stations .home_sidebar_title--stations {display: block;}
.home_sidebar_cnt.Trains .home_sidebar_title--trains {display: block;}
.home_sidebar_cnt.Parkings .home_sidebar_title--parking {display: block;}
.home_sidebar_cnt.POIs .home_sidebar_title--pois {display: block;}
.dvArrivals {display: none;}
.active .dvArrivals {display: block !important;}

.station_map_container		{ width: auto;     border: 1px solid #999; background-color: #f7f7f7; position: relative; margin-top: 30px; margin-bottom: 30px; }
.station_map_content_wrap 	{ width: 100%;position: relative;display: table; }
.station_map_content_wrap,
.station-sidebar,
.station_map				{ height: 500px; }
.station_map 				{ height: 500px; float: left; width: 75%; }
.station-sidebar 			{ float: left; width: 25%; }
.station-sidebar .home_sidebar_cnt { position: relative; width: 100%; background-color: transparent; }
.station-sidebar .home_sidebar_details { width: 100%;top: 0;height: 100%; overflow: auto; }
.station-sidebar .home_sidebar_details h4 { display: none; }
.station-sidebar .home_sidebar_details li { background-color: white; }
.station-sidebar .home_sidebar_details li.active { background-color: #dde8eb; }
.station-sidebar .home_sidebar_details li.active > a { display: block; }
/*------------------------------------------------*/
/* MEDIA QUERIES
/*------------------------------------------------*/
@media (max-width: 1199px){
	.station_map_content_wrap,
	.station-sidebar,
	.station_map			{ height: 359px; }
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.station-sidebar 		{ width: 35%; }
	.station_map 			{ width: 65%; }
}
@media (max-width: 767px) {
	.home_sidebar 			{ width: 252px; }
	.home_sidebar_nav 		{ width: 50px; }
	.home_sidebar_nav img 	{ width: 28px; }
	.home_sidebar_cnt  		{ width: 200px; }
	
	.station_map_container{ /*margin: 0 -30px 30px -30px;*/ border: none; width: auto;}

	.station_map_content_wrap 	{ position: static; display: block; height: auto;}
	.station_map 			{ position: absolute !important; top: 0; display: block;width: 100%;height: 359px; }
	.station-sidebar 		{ display: block; width: 100%; height: auto; }
	.station-sidebar .home_sidebar_cnt { float: none; width: 100%; }
	.station-sidebar .home_sidebar_details { position: relative; bottom: 0; overflow: hidden; }
	.station_map_container  { position: relative; padding-top: 359px; }

	.station_map_content_wrap:before, 
	.station_map_content_wrap:after { overflow: hidden;visibility: hidden;width: 0;height: 0;content: " "; display: table;}
	.station_map_content_wrap:after {clear: both;}


	.home_sidebar_details 	{ width: 200px; bottom: 195px; }
	.home_sidebar_details p { font: 400 11px/17px "Open Sans" Arial, sans-serif; }
	.home_sidebar_details h4 { display: none; }
	.home_ad 				{ display: none; }
	.ipad_ad 				{ background: #FFF; color: #666; font: 600 12px/12px "Open Sans" Arial, sans-serif; width: 200px; text-align: center; display: block; position: fixed; width: 200px; height: 185px; bottom: 0; }
	.ipad_ad span 			{ display: block; padding: 8px; }
	.home_sidebar_title, .home_sidebar_details ul { border-right: none; } 
	.home_sidebar_cnt 		{ border-right: solid 1px #989898; border-left: solid 1px #989898; }
}
@media (max-width: 480px) {
	html 					{ overflow: auto; }
	.home_wrapper 			{ overflow: hidden }
	.mobile, .home_sidebar_details h4 { display: block; }
	.home_sidebar, .home_sidebar_cnt { width: 100%; border: none; }
	.home_sidebar 			{ position: static; float: none; }
	.home_sidebar_cnt 		{     position: absolute;top: 0;bottom: 75px;height: auto; z-index: 777 }
	.home_sidebar_cnt.is-hidden { display: none; }
	/*.station-sidebar 		{ display: none }*/
	.home_sidebar_details 	{ width: 100%; bottom: 0; top: 0; }
	.home_ad, .ipad_ad, .home_sidebar_titles { display: none; }
	.home_sidebar_nav 		{ display: block; position: fixed; bottom: 0; width: 100%; height: 75px; z-index: 99999; }
	.home_map 				{ position: absolute; z-index: 777; }
	.home_sidebar_nav ul  	{ padding: 0; }
	.home_sidebar_nav ul li { width: 20%; float: left; }
	.home_sidebar_nav img 	{ width: 37px; margin: 0; }
	.home_sidebar_nav li a 	{ color: #ACC3E5; font: 400 10px/10px "Open Sans" Arial, sans-serif; }
	.home_sidebar_nav li a .sr-icon-station, .home_sidebar_nav li a .sr-icon-system-map, .home_sidebar_nav li a .sr-icon-parking, .home_sidebar_nav li a .sr-icon-poi, .home_sidebar_nav li a .sr-icon-train { color: #acc3e4; font-size: 38px; }
	.home_sidebar_nav li a:hover, 
	.home_sidebar_nav a.active-mobile { background-color: #004964; color: #FFF; }
	.mobile-half 			{ float: left; width: 50%; }
	.active .dvArrivals {display: none !important;}

	.page-template-page-googlemap .home_sidebar_details li { background: url('css/images/sidebar_arrow.png') no-repeat center right; }
	.page-template-page-googlemap .map_popup_bottom { display: block;margin: 0 -40px -20px;padding: 10px 20px 20px;background-color: #eee;border-top: 1px solid #aaa; }
	.page-template-page-googlemap .popup_1 { display: block; margin-top: 10px; }
	.page-template-page-googlemap .popup_2 { display: block; color: #00788a; font-size: 25px; margin-top: 5px;font-weight: bold; }
	.page-template-page-googlemap .popup_2 a { color: #00788a; }
	.home_sidebar_info 		{ padding-bottom: 0; }
}
@media (min-width: 480px) {
	.home_sidebar_nav a.active-desktop { background-color: #004964; color: #FFF; }
	.home_sidebar_info		{ display: none !important; }
}