body { background-color:#fff; }
body.inner-page{ 
	font-family: 'Roboto', sans-serif; 
	font-weight: 400;
	font-size: 14px;
	color:#505C67;
}

h2{
	font-weight: 300;
  font-size: 40px;
  margin: 0 0 15px 0;
  color: #001D3D;
  text-transform: uppercase;
}

/************** PAGE HEADER **************/
#head{ border-bottom: 5px solid #cd8f3e; padding: 10px; }
#nms_logo img{ width: 400px; }

/************** STATION INFO **************/
.station-info #news{ padding:0; background:none; border-top:1px solid #69c3c2; margin:0; }
.station-info #alert, .station-info #trop_outlook{ background:none !important; }
.station-info #alert li, .station-info #trop_outlook li{ font-size:14px; }
#head{ padding:10px 0; }

.station-info #head{ height:auto !important; }

#profile h1{ font-weight: 500; font-size: 24px; margin: 0; color:#708090; line-height: 2em; }
#profile h2{ font-weight: 400; font-size: 26px; margin: 0; color:#708090; }
#profile h3{ font-size:18px; letter-spacing: 2px; }
#profile { font-size: 22px; }
#profile small{ color:#708090; font-weight:300; }

#profile #station_name{ font-weight: 600; color: var(--emerald); }

#page-content{ padding:0; color:#2f4249; font-size:14px; }

#stn_dropdown_label{
	text-transform: uppercase;
	font-weight: 500;
	color: var(--gray-3);
	padding: 0;
}

.station-info .block-item .block-sep{ margin:3px 0; }
.station-info .block-item .block-sep hr{ margin:0; }
.station-info .table td{ padding:3px 0; }

.high{ color: var(--red); font-weight: 600; }
.low{ color: var(--dark-teal); font-weight: 600; }

div#stations_list.show{ z-index:9999; }

.block-sep{ margin:20px 0 15px 0; clear:both; border-top:1px solid #ebf7f7; width:100%; }
.block-sep-last{ margin:20px 0 40px 0; clear:both; width:100%; }
.elem-sep{ margin:10px 0; clear:both; }
.elem-sep hr{ margin:0; }

.elem{ display:block; width:100%; clear:both; padding: 3px 0; }

.elem_label2{ font-weight: 700; background:#2f4249; color:#fff; margin:5px 0; }
.elem_label_top{ font-size:11px; margin:5px 0 10px 0; }
.elem_label, .elem_label_bottom, .elem_label_bottom2{ font-weight: 700; text-align:center; background:var(--light); color: var(--dark-teal-3); }

.elem .lbl{ font-family: "Roboto", serif; width:150px; font-weight:700; float:left; }
.elem .lbl_sm{ font-family: "Roboto", serif; width:100px; font-weight:700; float:left; }

#latest{ padding:0 10px; }
#latest hr{ clear: both; margin: 5px 0; }
#current_temp{ 
	font-weight:900; color:var(--red); margin:5px 0 0 0;
	font-family: 'Roboto', sans-serif;   font-size:16px; line-height:1.2;
}

#temp{ width:90px; height:350px; margin:5px auto 0 auto; }
#temp_max, #temp_min, #gmt_max_thermometer, #gmt_min_thermometer{ width: 80px; height: 310px; margin:5px auto 0 auto;  }

#gmt .gmt_max, #gmt .gmt_min, .temperatures .item{ padding:0; }

#ma_temp, #gmt_max_temp{ color:var(--red); font-weight:700; margin:5px 0 0 0;
	font-size:14px; line-height:1.2;
}
#mi_temp, #gmt_min_temp{ color:var(--dark-teal); font-weight:700; margin:5px 0 0 0;
	font-size:14px; line-height:1.2;
}
#gmt_max_temp_datetime{ font-size:12px; color:var(--red); font-weight:300; }
#gmt_min_temp_datetime{ font-size:12px; color:var(--dark-teal); font-weight:300; }
#labels .col-md-1, #labels .col-md-2, #labels .col-md-3, #labels .col-md-6{ padding:0;}
/*.temp_label{ 
	border-radius:20px; 
	background:#ce0e2d; 
	width:40px; 
	height:40px; 
	padding-top:10px; 
	margin:-10px auto 0 auto; 
	color:#fff; 
}
.current .temp_label{ width:50px; height:50px; border-radius:25px;  }
.max .thermometer-inner{ background:#ce0e2d; }
.min .thermometer-inner{ background:#005294; }
.max .temp_label{ background:#ce0e2d; }
.min .temp_label{ background:#005294; }

.thermometer-outer {
  	background: #c4f0ff;
  	height: 200px;
  	width: 20px;
  	margin: 0 auto;
}
.current .thermometer-outer {
  	height: 250px;
	width: 25px;
}
.thermometer-inner { background: #ce0e2d; height: 20px; }
.thermometer-inner-h { height: 20px; }
.thermometer-inner-v { width: 20px; }
.current .thermometer-inner-v { width: 25px; } */

#press-canvas{ margin:0 auto; }

#raingauge .thermometer-outer{ width:100px; height:100px; border-radius:0 0 20px 20px; }
#raingauge .thermometer-inner{ width:100px; background:#3BCAEF; border-radius:0 0 20px 20px; }

#compass{ margin:0 auto; /*background:url(../images/compass_bg.jpg) center center no-repeat;*/ background-size:350px 350px; width:350px; height:350px; }
.compass_label{   }
#gauge1{ position:absolute!important; z-index: 999; top: 0; left: 0;  }
#gauge{ position:absolute; z-index: 999; top: 0; left: 0; }
#main{ height: 500px; }

#daily_charts .nav-item{
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	padding:10px;
}
#daily_charts .tab-pane{ padding-top:10px; }
#daily_charts .highcharts-title{ text-transform:uppercase; font-size:14px !important; letter-spacing:1px;  }

/******************* RAINFALL TABLE *******************/
/*.rain_table{
	font-family: 'Ubuntu Mono', monospace;
	/*width:100%;*/
/*}
.rain_table tr:nth-child(even) { background-color: #ebf7f7; }
.rain_table thead{
	background:#333;
	color:#fff;
	font-weight:400;
	font-size:13px;
}
.rain_table th{ color:#fff; }
.rain_table th, .rain_table td{ border:0 none; padding:2px 4px; }*/

#chart_press, #chart_temp, #chart_wind{ height:350px; width:100%; margin:0 auto; }

table#stn_profile_table{ width:100%; border:1px solid #ebf7f7; margin:0; }
table#stn_profile_table tr td:nth-child(1) { width:25%; background:var(--light); padding:3px 10px; font-weight:500; text-align:right; }
table#stn_profile_table tr td:nth-child(2) { padding:3px 10px; border-bottom:1px solid #ebf7f7 }
table#stn_profile_table tr:last-child td:nth-child(2){ border: 0 none; }
table#stn_profile_table td{ color: #505C67 !important;}

.bold{ font-weight:bold; }

#wind_data{ font-family: "Roboto Mono", monospace; font-weight: 600; font-size: 20px; color: var(--dark-teal)  }

.pnt_temp_c  { font-family: "Roboto Mono", monospace; font-weight: 800; color: #BE5504; }
.pnt_tempmin { font-family: "Roboto Mono", monospace; font-weight: 800; color: var(--dark-teal); }
.pnt_tempmax { font-family: "Roboto Mono", monospace; font-weight: 800; color: var(--red); }
.pntprecip { font-family: "Roboto Mono", monospace; font-weight: 800; color: var(--aqua-1); }