:root {
	--white: #fff;
	--light: #e7f3f7;
	--navy: #001D3D;
	--dark-teal: #006A94;
	--dark-teal-2: #00537A;
	--dark-teal-3: #013C58;
	--light-teal: #228791;
	--emerald: #065739;
	--teal-green: #226763;
	--light-teal-2: #e8f3f4;
	--high: #990000;
	--high-light: #D78176;
	--low: #228791;
	--low-light: #A5C9D4;
	--sunny-orange: #FFBA08;
	--orange: #fe661f;
	--gray-1:#708090;
	--gray-2:#536878;
	--gray-3:#36454f;
}
/************* GENERAL BODY ********************/
body.inner-page{ 
	font-family: 'Roboto', sans-serif;
	font-weight: 400; 
	background:#fff; 
	color:#001D3D;
	font-size: 16px;
}
.script-quote{
    font-family: 'Merienda One', cursive;
 	font-size:20px !important;
	line-height:1.2;
}
.isDisabled {
 	color: #333;
  	cursor: not-allowed;
  	opacity: 0.5;
  	text-decoration: none;
}
.need_data{
	padding-top:50px;

}
.need_data a{ 
	font-family: "Fira Sans", serif;
	font-size: 22px; 
	color: #fff; 
	font-weight: 400;
}
#page_top{ background: #fff; }
/************* LOGO *****************************/
#section_nav{ margin:0; background: var(--dark-teal-3); }
#menu_trigger{ font-size:20px; color:#fff; }
#menu_trigger .fa-solid{ padding: 10px; }
#menu { font-family: "Fira Sans", serif; font-weight: 500; font-size:16px; text-transform: uppercase; }
.menu_head{ font-style: italic; }
#menu_logo{ width:400px; }
#logo{ margin:0 0 20px 0; animation: pulse 10s infinite; }

#audio_forecast_side{ padding: 20px; background: var(--light); margin: 0 0 20px 0; border-radius: 8px; }

.date_head{ background:var(--light); padding:8px 20px; margin: 0 0 15px 0; 
	font-weight: 500;
	color:#001d3d; 
	display:block; }
/************* COMMON STYLES ********************/
h2{ font-weight:300; font-size:40px; margin:0 0 15px 0; color: #001D3D; text-transform: uppercase; }
h3{ font-size:12px; margin:0 0 15px 0; }
h4{ font-size:16px; margin: 0; color:#006A94; }
p{ margin:0 0 15px 0; }
th{ text-align:left; padding:0 }
td{ padding:0}
.right{ text-align:right;}
.high{ color:#b80022; }
.low{ color:#21768b; }
.col{ float:left; }
.col1{ width:100%; float:left; }
.col2{ width:50%; float:left; }
.col3{ width:33.3%; float:left; }
.col4{ width:25%; float:left; }
.group{ overflow:auto; text-shadow:none; }
.clear{ width:100%; height:1px; clear:both;}
.shadow { box-shadow: 0 8px 6px -6px #000; }
.pres_item{ float:left; }
.item_1{ width:18%; }
.item_2{ width:25%; }
.item_3{ width:32%; }
.item_4{ width:20%; }
.sep{ padding:20px 0; }
.sep hr{ 
	padding:0;
	margin:0 auto;
	width:95%;
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.inner-wrapper{
	max-width: 1200px;
	padding: 20px 20px 20px;
	margin: 0 auto;
}
#contact .block-item{
	background: var(--light);
	font-size: 16px;
}
#contact .block-item .fas{
	font-size: 36px;
}
#contact h2{
	font-size: 60px;
	font-weight: 300;
	color: var(--dark-teal-3);
	margin: 20px 0 10px 0;
}
#contact #request_data{ color: var(--dark-teal); font-weight: 600; font-size: 40px; text-decoration: none; }
select option:disabled { color: #dddddd; }

.badge-td { color: #000; background-color: #A6B7BF; }
.badge-ts { color: #fff; background-color: #3a90bd; }
.badge-h1 { color: #000; background-color: #FFBA08; }
.badge-h2 { color: #000; background-color: #F48C06; }
.badge-h3 { color: #fff; background-color: #E85D04; }
.badge-h4 { color: #fff; background-color: #DC2F02; }
.badge-h5 { color: #fff; background-color: #D00000; }
.storm_name{ font-weight:700; }

/************* SECTION - VISION *******************/
#vision{
	background-image:url(../images/vision_bg.png);
	background-repeat:no-repeat;
	background-position: center 20px;
	background-color:rgba(5,155,154);
	padding:60px 0 40px 0;
	font-size:24px;
	color:#fff;
}
#vision h2{ font-size:36px; margin:0 0 20px 0; }
#vision p{ line-height:1.4; text-shadow: 1px 1px #36454f; font-weight: 500; }
#vision img{ margin:0 0 20px 0; }
.contact #inner_container .page-header{
	background:#0c0636;
	color:#fff;
	padding: 0;
	height:100px;
}

/************* INNER PAGE - VERTICAL NAVIGATION *******************/
.side-menu h2{
	margin:30px 0 20px 0;
	font-size:36px;
	font-weight:300;
}
.side-menu .vertical-menu { width: 100%; }
.side-menu .vertical-menu a {
  background-color: #eee; 
  color: #394648; 
  display: block; 
  padding: 12px; 
  text-decoration: none;
  font-size:20px;
}
.side-menu .vertical-menu a:hover { background-color: #ccc; }
.side-menu .vertical-menu a.active { background-color: #69dc9e; }
.side-menu .vertical-menu .fas{ width:24px }

/************* PAGE CONTAINER *******************/
.full_body #page_container_middle{ background:#fff; padding:40px 0; }
.full_body #page_container_lower{ background:#f1f9ff; padding:40px 0; }

#page-content .page-header h1 {
	font-weight: 600;
	font-size:20px;
	margin:0;
}

/************* WEATHER ALERTS *******************/
#ticker_cap{ 
	background: var(--dark-teal-3);
}
#ticker_tropical{ 
	background: var(--dark-teal-2);
}
/*#alert, #trop_outlook{
	background:var(--navy);
	color:#fff ;
	font-weight:300; 
	width:100%;
	font-size:14px;
	border-bottom:1px solid #5BC4BF;
}
#alert .entry_title{ color:#c8de7c; font-weight:700; padding:0 10px 0 0; text-transform:uppercase; }
#trop_outlook .entry_title{ color:#5BC4BF; font-weight:700; padding:0 10px 0 0; text-transform:uppercase; }
#alert .entry_icon, #trop_outlook .entry_icon{ color:#ffd700; font-size:12px; }*/

#ticker_cap .entry_title{ color:#c8de7c; font-weight:bold; padding:0 10px 0 0; text-transform:uppercase; }
#ticker_tropical .entry_title{ color:#5BC4BF; font-weight:700; padding:0 10px 0 0; text-transform:uppercase; }
#ticker_cap .fas{ color:#ffd700; } 
#ticker_tropical .fas{ color:#5BC4BF; }

#trop_outlook .entry_title{ font-weight: 700;}



.tickercontainer { 
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { 
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { 
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; 
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/************* PAGE HEADER - HOME PAGE **********/
#page_header{
	padding:30px 0 10px 0;
	overflow: hidden !important;
	height: 200px;
	background: url("../images/slider/nms_banner_1.jpg") center center no-repeat;
	background-size: 100% auto;
}
#page_header h1{
	text-align:center;
	font-weight:600;
	font-size:30px;
}
#header_carousel{
	height: 150px;
}
.home-page #page_header{ text-align:center; }
.home-page #page_header h1{
	color:#fff;
	text-shadow: 2px 2px #333;
	margin:0 0 10px 0;
}
#page_header .header-details{ 
	display:block;
	font-size:16px;
	font-weight:400;
}
#page_header .line-1 { font-size:30px; }
#page_header .line-2 { margin:0 auto 5px auto; }
#page_header .line-3 { font-weight:500; color:#fff; text-shadow: 1px 1px #333; margin:0 0 15px 0; }

/************* PAGE HEADER - INNER PAGE **********/
.inner-page #head{ padding:0; }
.inner-page #head #logo{ width:450px; margin:30px 0 0 0; }
.inner-page #head .page-heading{ font-size:60px; margin-top:60px; }
.inner-page div#head.forecast_head h1{ font-size:50px; margin:20px 0 0 0;}

.inner-page .container{ max-width: 1300px; }
/************* STATIONS DROPDOWN LIST ***********/
#locations_list{  
	width:300px;
	margin:0 auto;
	font-size:16px;
	color:#fff;
}
#locations_list .arrow{
	position:absolute;
	right:25px;
	top:6px;
}
#list_wrap ul{
	list-style:none;
	position:relative;
	margin:0;
	padding:0
}
#list_wrap .current_item{
	background:rgba(0,0,0,0.5); 
	border-radius:25px; 
	color:#fff;
	font-weight:400;
	font-size:16px;
	border:0 none;
}
a.station-list-item{
	margin:0;
	padding:5px;
	color:#000;
	font-weight:500;
}
#locations_list{ 
	float:none;  
	margin:0 auto !important; 
}
#locations_list #sub-list{
	background:rgba(255,255,255,0.8); 
	color:#000;
	border-radius:0 0 20px 20px; 
	width:220px;
	padding:5px 15px;
}
#list_wrap ul a{
	display:block;
	text-decoration:none;
	line-height:32px;
	border-bottom:1px solid rgba(0,0,0,0.5);
	font-size:14px;
}
#sub-list li:last-child a{ border:0 none; }
#list_wrap ul li{
	position:relative;
	margin:0 auto;
	padding:0
}
#list_wrap ul li.current-menu-item{  }
#sub-list li:hover a{ background:rgba(0,0,0,0.5); color:#fff; }
#list_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	z-index:999;
}
#list_wrap ul ul li{ float:none; }
#list_wrap ul ul a{
	line-height:120%;
	padding:5px 15px;
	font-weight:400;
}
#list_wrap ul ul ul{ top:0; left:100%; }
#list_wrap ul li:hover > ul{ display:block; }
/************* FRONT PAGE BLOCKS ****************/
.block-1{ width:100%; float:left; clear:both; padding:0 10px 10px; }
.block-2{ width:50%; float:left; padding:0 10px 10px; }
.block-3{ width:33.3%; float:left; padding:0 10px 10px; }
.block-4{ width:25%; float:left; padding:0 10px 10px; }
.block-item-home, .block-item{ overflow:auto; }
.block-item{ background:var(--light); padding:20px; font-size:14px; margin:0 0 15px 0; border-radius: 20px; color: var(--dark-teal-3); }
.block-item-home{ clear:both; }
.block-item h2{	text-transform:uppercase; font-size: 18px; }

/************* TROPICAL WEATHER OUTLOOK *****************************/
#news .block-item{ padding:0 20px; }
#news .bn-label{ background:#69dc9e; }
#news .entry_title{ font-weight: 500;color:#5bc4bf;  padding:0 10px 0 0; text-transform:uppercase; }
#news .bn-news ul li{ color:#fff; }
#news .bn-seperator{ margin: 0; }
#news .bn-seperator.bn-news-dot:after{ background-color:#fff; }

.inner-page #news{ font-family: 'Montserrat', sans-serif; padding:0; background:none; /*border-top:1px solid #69c3c2;*/ margin:0; }
.inner-page #alert, .station-info #trop_outlook{ background:none !important; font-weight:300; }
.station-info #alert li, .station-info #trop_outlook li{ font-size:12px; }
#inner_alerts{ background:#0c0636 !important; }
#inner_alerts #trop_outlook{ border-top:1px solid #69c3c2; }

/************** HURRICANE TIPS *******************/
#hurricane_tips .quote_open, #hurricane_tips .quote_close{ 
	display:block; 
	font-size:36px; 
	color:#69dc9e; 
}
#hurricane_tips .quote_text{ margin:20px 0; display:block; }
#right_panel #block_forecasts{ width:100%; float:none; color:#fff }
#right_panel #block_forecasts h3{ color:#fff; }
#block_forecasts hr { border-bottom:1px solid rgba(207,238,247,0.5); border-top:0; }

#hurricane_tips .owl-item{ 
	background:#fff;
	text-align:center;
	line-height:1.1;
}
#block_forecasts #hurricane_tips .block-item{ height:100%; }
#block_forecasts #hurricane_tips img{ height:20px; display:block; margin:0 auto; }
#right_panel #hurricane_tips{ padding:0;}

#hurricane_tips .lSSlideOuter.vertical .lSAction > a { left: 90%; }
#hurricane_tips h3{ font-weight:400; text-align:center; font-size:12px; letter-spacing:5px; text-transform:uppercase; margin:0 0 20px 0; }

#hurricane_tips h3::after {
    content: '';
    display: block;
    width: 20%;
    height: 100%;
    margin-right: -100%;
    border-bottom: 3px solid #fff;
    margin: 15px auto;
}
#right_panel h3{ 
	color:#006A94;
	font-weight:600; 
	font-size:18px; 
	text-transform:uppercase; margin:0 0 20px 0;
	text-align: center;
}
/*#right_panel h3::after {
    content: '';
    display: block;
    width: 15%;
    height: 100%;
    margin-right: -100%;
    border-bottom: 2px solid #059b9a;
    margin: 10px auto;
}*/

/************* DAILY FORECAST *******************/
#section_daily{ background: var(--teal-green); padding: 40px 0; margin:0; }
#section_daily h2{ color:var(--white); }
#daily, #agro_daily{ overflow:auto; }
#right_panel #daily, #right_panel #agro_daily{ width:100%; padding:0; float:none; margin:0 0 20px 0; overflow:auto; }
#right_panel #daily .block-item, #right_panel #agro_daily .block-item{ background:none; padding:0; overflow:auto; }
#right_panel #daily .temp_label{ color: var(--navy); width:50%; }
#right_panel #agro_daily .temp_label{ color:#273959; }
#right_panel #daily .item, #right_panel #agro_daily .item{ 
	width: calc(50% - 1px); 
	width: -webkit-calc(50% - 3px);
    width: -moz-calc(50% - 3px);
	padding:15px 0 0 0; 
}
#right_panel #daily #daily_1, #right_panel #daily #daily_4, #right_panel #agro_daily #agro_daily_1, #right_panel #agro_daily #agro_daily_4  { border:0 none; }
#right_panel #daily #daily_0, #right_panel #daily #daily_1, #right_panel #agro_daily #agro_daily_0, #right_panel #agro_daily #agro_daily_1  { border-bottom:1px solid rgba(207,238,247,0.5); }

#right_panel .day_display, #right_panel .day_label{ color: var(--navy) !important; } 

#daily .block-item, #agro_daily .block-item{ height:100%; }
#daily h2, #agro_daily h2{ text-align:center; }
#daily .day_display, #agro_daily .day_display{
	overflow:hidden !important;
	font-size:20px;
	text-shadow:none;
	margin:0;
	text-transform:uppercase;
	font-weight:500;
}
#daily .item, #agro_daily .item{
	padding:0;
	float:left;
	text-align:center;
	border-right:1px solid rgba(207,238,247,0.5);
	width:calc(25% - 1px);
	width: -webkit-calc(25% - 1px);
    width: -moz-calc(25% - 1px);
}
#daily .item:last-child, #agro_daily .item:last-child{ width:25%; border:0 none; }
.day_label{ font-weight: 500; }

.desktop #daily #daily_3{ width:25%; border:0 none; }

#daily .forecast-item, #agro_daily .forecast-item{ padding:0 10px;}
.inner-page #daily .forecast-item, .inner-page #agro_daily .forecast-item{ padding:0 10px 15px 10px;}
#daily .desc, #agro_daily .desc{
	text-align:center;
	height:60px;
	text-shadow:none;
	line-height:1.2;
	margin:8px 0;
	font-size:15px;
	clear:both;
}
#daily .fimg, #agro_daily .fimg{ height:110px; }
#daily .fimg img, #agro_daily .fimg img{ animation: pulse 10s infinite; height:80px; margin:5px 0 0 0; }
#daily .wind{ 
	overflow:hidden; 
	margin:0 0 5px 0;
	color:#fff;
	text-shadow:none; 
}
#daily .wind_icon{ margin:0 5px 0 0; }
#daily .temp_label{ 
	font-weight: 500;
	text-shadow:none; 
	text-transform:uppercase;
	font-size:14px;
	width:50%; 
	float:left; 
	margin:0;
	line-height:2;
}
#agro_daily .temp_label{ 
	text-shadow:none; 
	text-transform:uppercase;
	font-size:13px;
	float:left; 
	font-weight:400;
	margin:0;
	line-height:2;
}
#right_panel #agro_daily .temp_label{ width:50%; }

#agro_daily .temp_label{ 
	color:#273959; 
}
#agro_daily .rain_label{ 
	text-shadow:none; 
	text-transform:uppercase;
	font-size:13px;
	font-weight:400;
	margin:0;
	line-height:2;
}
#daily .ftemp, #agro_daily .ftemp{ padding:0; line-height:1; font-weight: 700; font-size: 20px; }
#daily .ttemp, #agro_daily .ttemp{
	text-shadow:none;
	font-weight:700;
	font-size:18px;
	overflow:hidden;
}
#daily .high, #agro_daily .high, #daily_mobile .high { color: var(--orange); }
#daily .low, #agro_daily .low, #daily_mobile .low { color: var(--low-light); }

#right_panel #daily .high, #right_panel #agro_daily .high { color: var(--high); }
#right_panel #daily .low, #right_panel #agro_daily .low { color: var(--low); }

#daily .span_compass{ clear:both; }
#daily .item_wind{ height:50px; }

#daily .line2 {
	width: 90px;
	height: 20px;
	border-bottom: 1px solid rgba(207,238,247,0.3);
	-webkit-transform: translateY(30px) translateX(0px) rotate(-70deg);
	position: absolute;
	top: 16px;
	left: 25px;
}

.wind_caution{ color:#ffd700; }
/************* PAGE HEADER - INNER PAGES ********/
.full_body .page-header{
	background:url(../images/sky_header.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
	padding:20px 0;
	position:relative;
}
.page-header .head-bg{ 
	background: linear-gradient(270deg, #095169, #059b9a, #9fd96b);
	background-size: 600% 600%;
	
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	-o-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
	
	opacity:0.75;
	
	position:absolute;
	height:100%; 
	width:100%; 
	top:0;
	left:0;
}
.full_body .page-header h1{
	letter-spacing:2px;
	font-size:60px;
	font-weight:300; 
	margin:40px 0 0 0; 
}
.full_body .page-header #menu_trigger{ position:absolute; top:0; left:0; }

.svg-triangle-bottom {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 60px;
    height: 30px;
    margin-top: -1px;
    margin-left: -30px;
    z-index: 2;
}
#storm_table{ width:100%; margin:0 0 15px 0; }
#storm_table th{
	background:#343a40;
	color:#fff;
	vertical-align:middle;
	line-height:1.1;
	padding:5px 10px;
	font-size:13px;
}
#storm_table td{
	line-height:1.1;
	padding:5px 10px;
	vertical-align:middle;
	font-size:13px;
}
#storm_table tr:nth-child(even) { background-color: #f6f7f7; }

#chart_table th, #max_table th, #min_table th{
	background:#9fd96b;
	color:#fff;
	vertical-align:middle;
	line-height:1.1;
	padding:5px 10px;
}
#chart_table td, #max_table td, #min_table td{
	line-height:1.1;
	padding:5px 10px;
	vertical-align:middle;
}
#spi_table th{
	color:#095169;
	font-size:18px;
	font-weight:500;
}
#spi_table td{ font-size:16px; font-weight:300; }

#climatology_table{ width:100%; margin:0 0 15px 0; }
#climatology_table th{
	background:#343a40;
	color:#fff;
	vertical-align:middle;
	line-height:1.1;
	padding:5px 10px;
	font-size:13px;
}
#climatology_table td{
	line-height:1.1;
	padding:5px 10px;
	vertical-align:middle;
	font-size:13px;
}
#climatology_table tr:nth-child(even) { background-color: #f6f7f7; }

/************* PAGE CONTENT *********************/
.inner-page .page-content{ 
	padding:40px 20px;
	margin:0 auto;
	color:#505C67;
	background: #fff;
	min-height: 500px;
}
.station-info #page-content{ width:auto; max-width:auto; }
.inner-page .page-content h1{ 
	font-size:50px; 
	margin:0 0 15px 0; 
	font-weight:300; 
	color:#001D3D;
	text-transform: uppercase;
}
.inner-page .page-content h2{   
	font-size:20px; 
	margin:0 0 20px 0; 
	font-weight:600; 
	text-transform: uppercase;
	color: #228791;
}
.inner-page .page-content h2 .date{ font-size:30px; margin:0; font-weight:300; }
.inner-page .page-content h3{     
	font-size:18px; 
	margin:30px 0 0 0; 
	color:#006A94; 
	font-weight:600; 
	text-transform: uppercase;
}
.inner-page .page-content .page-header{ padding:0 0 15px 0; color:#6497b1;	}
.inner-page .page-content .forecast .dates{ padding:0 0 15px 0;	}
.inner-page .page-content .forecast .dates a{ display:block; }
.inner-page .page-content .temp_item{ width:33%; float:left; }
.inner-page .page-content .temp_item h3{ margin:0; font-size:14px; }
.inner-page .page-content .group{ margin:0 0 20px 0; }
.inner-page .page-default h2{ font-size:24px; margin:30px 0 10px 0; }
.inner-page .page-content .jumbotron h2{ color:#596673; font-size:28px; }

.inner-page .page-content .general h3{ font-size:20px; font-weight:400; }
.inner-page .page-content .jumbotron h1{ 
	color:#505C67; 
	font-size: 16px; 
	border-bottom: 1px solid #708090;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.inner-page .page-content .jumbotron{ padding: 0; font-style: italic; font-size: 12px; }
#forecast_advisory h3{ color: #856404 !important; margin: 10px 0 5px 0; }


/************* FORECASTER ***********************/
.forecaster{ overflow:auto; padding:10px 0; }
.forecaster .date{ text-align:right; }
div.forecaster.rem-pad{ padding:0; }

/************* PAGE FORECAST *************************/
.inner-page #alert{ background:#23424C; }

/************* FORECAST *************************/
.inner-page .page-content h2.forecast_type{ font-weight:300; font-size:30px; margin:0px 0; }
.forecast .temp_label{ width:30%; float:left; }
.forecast .temp_label_lg{ width:20%; float:left; }
.forecast .temps1, .forecast .temps2{ width:10%; float:left; }
.forecast .high, .forecast .low{ font-weight:500; }
.tbl-head{ font-weight:600; margin:0; overflow:auto; font-size:14px; color:#273959; }
.tbl1-head{ width:15%; float:left; }
.tbl2-head{ width:20%; float:left; }
.tbl3-head{ width:20%; float:left; }
.tbl4-head{ width:15%; float:left; }
.tbl5-head{ width:25%; float:left; }
.tbl-row{ font-weight:400; margin:0 0 3px 0; overflow:auto; }
.tbl1{ width:15%; float:left; }
.tbl2{ width:20%; float:left; }
.tbl3{ width:20%; float:left; }
.tbl4{ width:15%; float:left; }
.tbl5{ width:25%; float:left; }
.date2{ text-align:center; font-size:18px; font-weight:300; }
.note{
	background:#9fd96b;
	padding:10px;
	text-align:center;
	margin:0 0 15px 0;
	color:#0c0636;
}
.note p{ margin:0 auto; }
.table, table{ width:100%; margin:5px 0 0 0; } 
.table th, table th{ font-weight:600; padding:5px 0; color:#fff; background: #006A94; }
.table td, table td{ padding:5px 0; color:#505C67 }
.cld-item{ margin:0 0 5px 0; }

.storm-names-2019 table{ 
	background:url(../images/hurricane-dorian-1.jpg) center center no-repeat; 
	background-size:cover; 
	margin:0 0 20px 0;
	border-collapse:separate !important;
	border-spacing: 15px 0;
}
.storm-names-2019 tbody{ padding:20px; }
.storm-names-2019 th{ color:#fff; font-size:30px; padding:10px 20px; text-shadow:2px 2px #273959; text-align:center; background:rgba(39,57,89,0.6); }
.storm-names-2019 td{ background:rgba(39,57,89,0.6); color:#fff; text-align:center; font-size:18px; font-weight:500;}
/************* ASTRONOMICAL CONDITIONS *************/
#astronomical_conditions{
	background: url(../images/astro.png) top center no-repeat #01415c;
	background-size:cover;
	color:#fff;
	padding:15px 20px;
	overflow:auto;
	font-size:18px;
	margin: 0 0 15px 0;
}
#astronomical_conditions h3{ font-weight:500; margin:0; color:#fff; }
#main_panel #astronomical_conditions h3{ 
	font-size:20px; 
	text-transform:uppercase;
	font-weight: 500;
}
#astronomical_conditions h3:after{ border-color:#fff; }
#astronomical_conditions .col1{ margin:0 0 10px 0; }
#tide_table, #sun_table, #moon_table{ margin:0 0 5px 0; overflow:auto; }
.adesc, .adate, .atime{ width:33%; float:left; }
.header_icon{
	font-size:40px;
	text-align:center;
	color:#273959;
}

#quick_links a{ font-family: "Fira Sans", serif; color:var(--dark-teal-3); font-style: italic; font-weight: 400; }

/************* STAFF - HOMEPAGE **************/
#section_staff{ color:#273959; padding:60px 0; }

#section_staff .item_staff{ text-align:center; padding: 0 15px 15px 15px; }
#section_staff .designation{ font-size:20px; font-weight:500; margin:0 0 5px 0; color:#4b6d8b; }
#section_staff .department{ font-size:16px; margin:0 0 5px 0; }
#section_staff .img_staff { margin-bottom:15px; }
#section_staff .email, #section_staff  .phone{ font-size:15px; }
#section_staff .staff_social a{ color:#4b6d8b; font-size:18px; margin:0 5px; }

.staff{ color:#273959; }
.staff .item_staff{ text-align:center; padding: 0 15px 15px 15px; }
.staff .name{ font-size:22px; font-weight:500; margin:0; color:#4b6d8b; }
.staff .designation{ font-size:20px; font-weight:500; margin:0 0; }
.staff .department{ font-size:16px; font-weight:400; margin:0 0 5px 0; }
.staff .img_staff { margin-bottom:15px; width:95%; }
.staff .email, #section_staff  .phone{ font-size:15px; }
.staff .staff_social a{ color:#4b6d8b; font-size:18px; margin:0 5px; }
.staff .staff_info p{ margin:0;}

.staff .head .name{ color:#273959; font-size:26px; line-height:1; }
.staff .head .designation{ color:#4b6d8b; }

/************* PAGE FAQs **************/
#faqs_accordion h2{ margin:0; line-height:1; }
#faqs_accordion .btn{ padding:0; line-height:1; }
#faqs_accordion .btn-link{ padding:0; color:#095169; }

#main_panel { padding-right: 30px; }
#right_panel{ border-left: 1px solid var(--low-light); padding-top: 20px; padding-left: 30px; }

#btn_pdf{ color: var(--navy); text-decoration: none; font-weight: 600; }
#btn_mp3{ color: var(--navy); text-decoration: none; font-weight: 600; }

/************* PAGE - Forecast Blocks **************/
#right_panel .alert hr{ margin:8px 0; }
#right_panel #caution_advisory .block_title{ background:#E53922; color:#fff; }
#caution_advisory{ clear: both; }
#caution_advisory .block-item{ background:#f7c3bc; color:#b72d1b; }
#caution_advisory p{ margin:0;}
#caution_advisory hr { margin:5px 0;}
#caution_advisory a{ color:#721c24; }
#caution_advisory .caution_title { font-weight: 700; display: block; padding: 0; }
#caution_advisory .more_info { color:#001d3d; font-weight: 700; padding: 5px 15px; margin-top: 5px; }
.entry_item .instruction { color: antiquewhite; }

.inner-page .block-item{ background:#cdebea; color:#273959; }
.inner-page #right_panel #hurricane_tips .block-item h3{ color:#273959; }
.inner-page #right_panel #hurricane_tips .block-item h3:after{ border-color:#273959; }
.inner-page #right_panel .block_title{ color:#273959; }

.general .block-sep, .marine .block-sep, .aviation .block-sep, .discussion .block-sep{ margin:20px 0; clear:both; }

.station-info .data_entry .block-item .row{ margin:0; }
.station-info .block_title{ color:#2f4249; }

.temperatures p{ font-size:20px; }
.temperatures p.first{ margin:0; }
.marine .temperatures p{ font-size:14px; }

/************* PAGE - Forecast Menu **************/
#forecast_icons{ background:#059b9a; padding:10px 0; }
#forecast_icons a{ padding:5px 20px; font-size:18px; color:#fff; margin:0 5px 0 0; border-right:1px solid #fff; }
#forecast_icons a:last-child{ border:0 none; }

/************* PAGE - General Forecast **************/
.general .forecast_entry .block-item{ background:#eef9f8; min-height:170px; padding:5px 10px 15px 10px; }
.general .block_title{ background:#095169; padding:5px 10px; color:#fff; }
.general .entry_label{ text-transform:uppercase; width:30%; float:left; }
.general .entry{ margin:5px 0 10px 0;}

.general #marine, .general #temperatures{ text-align:center; margin:0 0 20px 0; width:48%; overflow:auto; padding:0 15px; }
.general #marine h3, .general #temperatures h3, .marine #temperatures h3{ margin:10px 0; }
.general #marine h4, .general #temperatures h4, .marine #temperatures h4{ text-align:center; margin:0 0 5px 0; text-transform:uppercase; letter-spacing:1px; font-size:16px; font-weight: 500; }
.general #temperatures p{ font-size:18px; }
.marine #temperatures p{ font-size:18px; }
.general #temperatures{ border-left:1px solid rgba(207,238,247,0.5); }

/************* PAGE - Marine Forecast **************/
.marine .forecast_entry .block-item{ background:#eef9f8; height:170px; padding:5px 10px 15px 10px; }
.marine .block_title{ background:#095169; padding:5px 10px; color:#fff; }
.marine .entry_label{ font-weight:300; text-transform:uppercase; width:30%; float:left; }
.marine .entry{ margin:5px 0 10px 0;}

/************* PAGE - Aviation Forecast **************/
.aviation .forecast_entry .block-item{ background:#f9fbf1; height:170px; padding:5px 10px 15px 10px; }
.aviation .forecast_entry div.block-item.short{ height:60px; }
.aviation .block_title{ font-weight:500; background:#c8de7c; padding:5px 10px; }
.aviation .entry_label{ font-family: 'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; width:30%; float:left; }
.aviation .entry{ margin:5px 0 10px 0;}
.aviation .forecast_entry h2{ font-weight:300; font-size:30px; text-align:center; margin:20px 0; }
.aviation th{ color:#212529; }

/************* PAGE - Forecast Discussion **************/
.discussion .forecast_entry div.block-item.height-auto{ height:auto; }
.discussion .entry_label{ font-family: 'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; width:30%; float:left; }
.discussion .entry{ margin:5px 0 10px 0;}

/*.discussion p{ font-weight:400; }
.general p{ font-weight:300; }*/

/************* PAGE - Station Data **************/
.page-station-data .data_entry .block-item{ /*background:#eef9f8;*/ background:#fff; height:170px; padding:5px 10px 15px 10px; }
.page-station-data .block_title{ font-family: 'Montserrat', sans-serif; font-weight:300; background:#5bc4bf; padding:5px 10px; }
.page-station-data .data_entry div.block-item.height-auto{  height:auto; }
.page-station-data .entry_label{ font-family: 'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; width:30%; float:left; }
.page-station-data .entry{ margin:5px 0 10px 0;}

/************* PAGE - AgroMet Forecast **************/
.agromet-forecast .block-sep{ margin:5px 0; clear:both; }
.agromet-forecast .forecast_entry .block-item{ background:#f9fbf1; height:170px; padding:5px 10px 15px 10px; }
.agromet-forecast .forecast_entry .block-item .row{ margin:0; }
.agromet-forecast .forecast_entry .block-item div.row.temp_low{ margin:0 0 10px 0; }
.agromet-forecast .forecast_entry div.block-item.short{ height:60px; }
.agromet-forecast .forecast_entry div.block-item.height-auto{ height:auto; }
.agromet-forecast .block_title{ background:#C8DE7C; padding:5px 10px; }
.agromet-forecast .entry_label{ text-transform:uppercase; width:30%; float:left; }
.agromet-forecast .entry{ margin:5px 0 10px 0;}
.agromet-forecast .display_date{ font-weight:500; font-size:24px; }
.agromet-forecast .f_date{ margin:0 0 10px 0; }
.agromet-forecast .f_img{ margin:0 0 20px 0; }
.agromet-forecast .f_desc{ height:80px; margin:0 0 20px 0; text-align:center; }
.agromet-forecast .temp_label, .agromet-forecast .rain_label{ font-weight:700; font-size:16px; color:#273959; text-align:center; }
.agromet-forecast .f_rain{ height:50px; margin:0 0 20px 0; }
.high{ color:#990000; }
.low{ color:#009999; }

.agromet-forecast .temp_label{ width:33.3%; float:left; }

.agromet-forecast .temp{ font-weight:600; font-size:18px; }

.row_rainfall_values, .row_temps_labels, .row_temps_high, .row_temps_low{ overflow:auto; text-align:center; }
.row_temps_labels, .row_temps_high, .row_temps_low{ padding:0 10px; }

#agro_daily{ overflow:auto; }

.a_item{ border-right:1px solid rgba(207,238,247,0.5); }
.a_item:last-child{ border-right:0 none }
.row_temps{ padding:0 30px; }
.row_rain{ margin:20px 0; }

.climatology .page-content h3{ font-size:26px; color:#044476; }
.climatology table{ width:100%; border-bottom:1px solid #044476; margin:0 0 15px 0; }
.climatology th{ background:#e1f8eb; }
.climatology th, .climatology td{ padding:5px; }

#btn_bulletin_download, #btn_file_download{ float:right; }
.pdf-icon{ color:#e34a33; }

/*background:url('../images/stories/radar/250/latest_250kmpic.gif') center left no-repeat;
	background-size:100% auto;*/
	/*background:url(https://cdn.star.nesdis.noaa.gov/GOES16/ABI/SECTOR/taw/13/1800x1080.jpg) top left no-repeat;
	background-size:100% auto;*/
	
#audio_forcast_side{
	padding:20px 30px;
}

.table tr:nth-child(even) { background-color: #ebf7f7; }
.table thead{
	background:#333;
	color:#fff;
	font-weight:400;
}
.table thead th{ color:#fff; border:0 none; }
.table th, .table td {
    padding: 5px 10px;
    vertical-align: top;
    border: 0 none;
}
.climate-summary h4{ font-size:18px; color: #095169;}
.climate-summary .jumbotron h4{ font-size:26px; color: #095169; margin:0 0 15px 0; font-weight:300; color:#596673; }
.climate-summary .page-content h2{ margin: 0 0 10px 0; }
.climate-summary .page-content h3{ margin: 0; }
.dm-menu a span{ display:inline-block; }
.dm-menu li a span{ display:inline-block; padding:3px; }

#min_chart th, #max_chart th, #monthly_chart th{
	font-family: "Roboto Mono", monospace;
	font-weight: 600;
	padding: 3px 10px;
	font-size: 14px;
}
#min_chart td, #max_chart td, #monthly_chart td{
	font-family: "Roboto Mono", monospace;
	padding: 3px 10px;
	font-size: 14px;
}
@media screen and (width <= 800px) {
	body{ font-size: 13px; line-height: 16px; }
	h2, #footer h2 { font-size: 30px; letter-spacing: 0; margin: 0 0 5px 0; }
	#daily .day_display{ margin-bottom: 15px; }
	#daily .desc, #agro_daily .desc{ font-size: 13px; }
	#daily .fimg, #agro_daily .fimg { height: 80px; }

	#services_main .carousel-caption{ display: none; }
	#services_main h3{ font-size: 18px; }
	#services_main p, #services_main .btn{ font-size: 10px; }
	#menu{ font-size: 14px; }
	.pres_label, .pres_label2 { font-size: 12px; }
	#today .forecast-desc { font-size: 12px; }
	.block-item { font-size: 12px; }
	#btn_forecast{ font-size: 12px; }
	.pres_detail{ clear: left; }
	.curr_temp_lbl{ font-size: 14px; }
	.pres_label{ width: 50%; }
	.need_data a{ font-size: 16px; }
}
@media screen and (width <= 575px) {
	
	h2, #footer h2 { font-size: 26px; }

	.inner-page .page-content h1{ font-size: 26px; font-weight: 400; margin:0 0 15px 0; }
	.inner-page .page-content h2{ font-size: 18px; margin: 0 0 10px 0; }
	.inner-page .page-content h3{ font-size: 16px; margin: 15px 0 0 0; }
	#main_panel{ display: block; }
	p { font-size: 14px; }
	.date_head { font-size: 14px; margin: 0 0 5px 0; }

	.mobile #menu {margin: 0; }
	.mobile #main_panel{ width: 100% !important; padding: 0; }
	.mobile #right_panel{ width: 100% !important; margin: 20px 0 0 0 !important; padding: 0; }
	.mobile #marine, .mobile #temperatures{ width: 100% !important; border: 0 none !important; text-align: left; padding: 0; margin: 0; }
	.mobile #marine h4, .mobile #temperatures h4{ text-align: left; font-size: 12px; }
	.mobile #temperatures p{ font-size: 14px !important; }
	.mobile #temperatures .col3{ text-align: left !important; }

	#today .forecast-desc{ font-size: 12px; }

	.inner-page .page-content .jumbotron p{ font-size: 12px; }

	#astronomical_conditions{ font-size: 14px; margin: 0; }
	#main_panel #astronomical_conditions h3{ font-size:16px; }
	#astronomical_conditions .entry_item{ overflow: auto; padding: 0; }

	#daily .forecast-item{ padding: 0; }

	.mobile #section_daily { padding-left: 30px; padding-right: 30px; }

	#daily_mobile .item, #agro_daily .item { border-bottom: 1px solid rgba(207,238,247,0.5); padding: 10px 0; }
	#daily #daily_2{ border: 0 none; }
	.mobile #daily #daily_3 { width: 100%; }
	.mobile #daily .item_wind { float: left; height: auto !important; }

	#daily_mobile .day_display{ text-align: left !important; font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 0 0 5px 0; }
	#daily_mobile .temp_label, #daily_mobile .wind_label{ text-transform: uppercase; font-weight: 500; width: 60px;  }

	#daily_mobile .fimg{ overflow: auto;}

	#daily_mobile .fimg img, #agro_daily .fimg img { width: 100%; height: auto; }
	#daily_mobile .high, #agro_daily .high{ font-size: 14px; font-weight: 500; }
	
	#daily_mobile .low, #agro_daily .low{ font-size: 14px; font-weight: 500; }

	#daily_last_updated{ font-size: 10px; }

	#right_panel h3{ margin: 0 0 10px 0; }
	#right_panel #daily .item, #right_panel #agro_daily .item{ padding: 10px 0 0 0; }
	#right_panel #daily, #right_panel #agro_daily{ margin: 0; }

	#page_main, #forecast_info, .page_info, #forecast_entry{ width: 100%; font-size: 14px; }
	#page_main h4{ margin-top: 10px;}

	.mobile #front_page_left_panel{ display: block; width: 100% !important;  }
	.mobile #map_container{ width: 100% !important; height: auto !important; }

	#browse_data a, #section_radar a, #section_satellite a{ font-size: 24px; }

	#section_radar, #section_satellite{ width: 100% !important; }
	#section_radar { margin: 0 0 15px 0; }

	.pres_label, .pres_label2, .pres_detail { font-size: 12px; }
	#present #temperature { font-size: 48px; }
	.pres_detail { overflow: auto; }

	#section_services p{ padding: 0; font-size: 12px; }

	#logo_container{ width: 100%; }

	#resources li, #additional_links li { line-height: 16px; }
	#resources li a, #additional_links li a { font-size: 14px; }

	#footer h3{ font-size: 22px; }
	#footer #copyright{ font-size: 10px; padding: 15px 10px; }
}
/*
Small Mobile: Up to 375px (e.g., older or smaller smartphones)
Large Mobile/Phablet: 376px to around 480px-575px
Tablet: Around 768px to 1024px
Desktop/Laptop: 1025px to 1440px
Large Screens/4K: Above 1440px 
*/