:root {
	--white: #fff;
	--light: #e7f3f7;
	--navy: #001D3D;
	--dark-teal: #006A94;
	--dark-teal-2: #00537A;
	--dark-teal-3: #013C58;
	--light-teal: #228791;
	--light-teal-2: #e8f3f4;
	--high: #990000;
	--high-light: #D78176;
	--low: #228791;
	--low-light: #A5C9D4;
	--sunny-orange: #FFBA08;
	--gray-1:#708090;
	--gray-2:#536878;
	--gray-3:#36454f;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ margin:0; padding:0 }
body{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 14px;
	height:100%;
	margin:0;
	padding:0;
	--nms-dark-blue:#0c0636;
	--nms-dark-teal:#095169;
	--nms-light-teal:#059b9a;
	--nms-cactus-green:#53ba83;
	--nms-light-green:#9fd96b;
	--nms-blue-gray:#001D3D;
}
body.home-page{	color:#fff; /*background: #095169;*/ }

h1, h2, h3, h4, h5, h6{
	font-family: "Fira Sans", serif;
}
.more_info{ font-weight: 600; }

#page_top{
	background-size:cover;
	padding:0 0 40px 0;
	overflow:auto;
}
#image_slider{
	position:absolute;
	height:200px; 
	width:100%; 
	top:0;
	left:0;
	z-index:0;
}
#image_cover{
	position:absolute;
	height:100%; 
	width:100%; 
	top:0;
	left:0;
	z-index:1;
}
#forecast_content{
	z-index: 5;
}

.home #front_page_left_panel h2, .home #map_container h2{ margin: 20px 0 5px 0; }
.home #forecast_content{ margin-top: 20px; }

.home #front_page_left_panel hr, .home #map_container hr{ border-top: 1px solid var(--dark-teal-3); }

#head #logo{ margin:0; }
#logo_back{ position:absolute; top:10px; left:50px; z-index:999; cursor:pointer; }

.temp_details{ padding:10px 0 0 0; }
/************* PRESENT CONDITION ****************/
.data-group{ height:140px; }
#present h2.section_header, #today h2.section_header{  
	text-align: center;
}
#present h2{
	text-align:center;
}
#present h3{
	text-align:center;
	font-size:16px;
	font-weight:600;
	margin:5px 0;
	letter-spacing:2px;
	text-transform:uppercase;
	clear:both;
}
#present hr, #today hr{ margin:0; border-top:1px solid rgba(207,238,247,0.5) }
#present #pc_img{ height:128px; width:128px; animation: pulse 5s infinite; }
#present #updated_time{ text-transform:uppercase; font-size:12px; letter-spacing:1px; clear:both; padding:0; line-height:1; }
.pres_detail{ padding:2px 0; }
.curr_temp_lbl, .time_pic{ 
	font-family: "Fira Sans", serif;
	font-weight: 400; 
	font-size:16px; 
	text-align:center; 
	letter-spacing:1px; 
	display:block 
}
.pres_label, .pres_label2{
	text-transform:uppercase; 
	font-size:14px; 
	float:left;
	clear: left;
	font-weight: 600;
}
.pres_label{ 
	width:40%;
}
.pres_label2{ 
	width:50%;
}
.pc_img{ text-align:center; padding:0 0 10px 0; }
#temperature{ 
	font-family: "Fira Sans", serif;
	font-size:60px; 
	font-weight:600;
	text-align:center; 
	position:relative; 
	height:60px; 
	line-height:60px; 
}
#temperature_c{	
	font-family: "Fira Sans", serif;
	font-size:30px; 
	text-align:center; 
	position:relative;
	height:30px; 
	line-height:30px;
	margin:0 0 15px 0;
}
#temperature_chill{ text-align:center; }
.deg{ position:absolute; }
#temperature .deg{ margin:0; top:10px; font-size:30px; }
#temperature_c .deg{ margin:0; top:5px; font-size:16px }
.cond{ color: var(--dark-teal-3); font-weight: 500; letter-spacing: 1px; font-size: 22px; }
/************* TODAY ****************************/
#today .forecast-desc{
	font-size:14px;
}
#today .data-group{ height:100px; }
#today h3{
	text-align:center;
	font-size:14px;
	margin:5px 0;
	letter-spacing:2px;
	text-transform:uppercase;
}
#today .audio-control{ margin-bottom:5px; }
#today .block-sep{ margin:5px 0; clear:both; height:1px; }
/************* HOMEPAGE SECTION DEFAULT **************/
.section h2{ color:#001D3D; text-align:center; }
.section h3{ font-size:18px; font-weight:600; margin:0 0 5px 0; color:#001D3D; }
.section .section_desc p{ 
	text-align:center; 
	font-size:18px; 
	padding:0 100px; 
	margin:0 0 40px 0;
	color:#708090;
}
.section p{ font-size:14px; margin:0 0 5px 0; line-height:1.2; color:#708090; font-weight: 400; }

/************* HIGHLIGHTS/SERVICES *************/
#section_services h3{
	font-weight: 400;
	font-size: 30px;
	color: #fff;
}
#section_services .carousel p{ color: #fff; }
#section_services{ overflow:auto; background: var(--light); padding:60px 0; }
#section_services .icon_feature{ height:60px; margin-bottom:10px; animation: pulse 10s infinite; }
#section_services a{ font-weight: 500; text-decoration:none; color: #ffc107; }

#section_services .feature_item a{ font-weight:500; color:#0c0636; background:#9fd96b; padding:3px 30px; border-radius:20px; text-transform:uppercase; }
#section_services .feature_item .block-item{ background:rgba(255,255,255,0); color:--nms-gray-1; min-height:275px;  font-size:22px; font-weight:300; text-align:center; } 
#section_services .row-1{ padding:0 0 20px 0; }

/************* PRESS RELEASE *************/
#press_release{ 
	font-family: "Fira Sans", serif;
	font-weight:400; 
	background:#E78736;
	padding:20px; 
	font-size:40px; 
	text-align:center; 
}
#press_release a{ color:#fff; }
#press_release a:hover{ text-decoration:none; }
#right_panel #press_release{ font-size:20px; margin:0 0 20px 0; }
#right_panel #press_release img{ width:40px; }

.print_info{ font-weight:500; text-align:center; text-transform:uppercase; letter-spacing:1px; clear:both; }
.print_info a{ color:var(--sunny-orange); }
#read, #dl_audio{ 
	color:var(--sunny-orange);
	text-align:right; font-size:12px; text-transform:uppercase; letter-spacing:1px; clear:both;
	display:block; margin-bottom:5px; font-weight: 600;
}
#audio_forecast{ padding:5px 0; clear:both;  }
#today #audio_forecast h3{ margin:10px 0 5px 0; }

#daily_last_updated{ 
	font-weight: 400;
	text-align:center; 
	font-size:12px; 
	text-transform:uppercase; 
	letter-spacing:1px; 
	clear:both; 
	display:block; 
	margin-top:10px;
}
#map_cont p{ font-size:40px; }
#fullscreen_map{
	background-color: rgb(8,23,69);
	padding: 8px 0;
}
#fullscreen_map a{ color:#fff; }
#more_info{ color:#fff !important; }

#radar, #satellite, #browse_data{ text-align: center; border-radius: 20px; padding: 60px 40px; }
#radar a, #satellite a, #browse_data a{ font-family: "Fira Sans", serif; color:#fff !important; font-size: 30px; }

#radar{ background: url(../images/services/thumb_rad.jpg) center center no-repeat; background-size: cover; }
#satellite{ background: url(../images/services/thumb_sat.jpg) center center no-repeat; background-size: cover; }
#browse_data{ background: url(../images/services/thumb_map.jpg) center center no-repeat; background-size: cover; }

#radar img, #satellite img, #browse_data img{ margin: 0 0 20px 0; }

#map{ border-radius: 20px;}