.forecast { text-align: center; }
.forecast h3 { margin-top: 20px; margin-bottom: 10px; font-family: Poppins, sans-serif; font-size: 28px; line-height: 36px; font-weight: 700; color: #0b3d54;     text-align: center; }
.forecast button,
.weather-section .map-tabs-nav li>a { background-color: #0b3d54; padding: 12px 24px; line-height: 1; font-weight: 700; color: white; text-decoration: none; cursor: pointer; border-radius: 0; }
.forecast button:hover,
.forecast button.active-tab,
.weather-section .map-tabs-nav li>a:hover,
.weather-section .map-tabs-nav li>a.active{ background-color: #f89209; }
.forecast iframe { width: 100%; height: 400px!important; }

.selection-day .state-selection { display: flex; align-items: center; justify-content: center; gap: 6px; }
.selection-day label { margin-bottom: 0px; }
.selection-day select  { border-radius: 0; padding: 8px 43px 8px 20px; transition: all .3s; font-size: 15px; color: #000; background: url(/wp-content/uploads/2025/06/sort-down.png) no-repeat !important; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position: right 18px center !important; background-size: 12px !important; }
.selection-day select:focus,
.selection-day select:focus-visible {     outline: none; }
.selection-day #forecast-wrapper { margin-top: 30px; }
.selection-day .forecast-tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-bottom:10px; }

.selection-day .forecast-content .tab-panel ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 20px; max-width: 100% justify-content: center; margin: auto; }
.selection-day .forecast-content .tab-panel ul li { background: #006cde; color: #fff; text-transform: uppercase; text-align: center; width: calc(50% - 10px); padding: 10px; }
.selection-day .forecast-content .tab-panel ul li img { max-width: 100%!important; }
.selection-day .forecast-content .tab-panel ul li img.image-not-ready { aspect-ratio: 20 / 15; object-fit: cover; }

.weather-section { display: flex; flex-wrap: wrap; flex-direction: column; gap: 30px; }
.weather-section .map-tabs-content { height: fit-content; }
.weather-section .map-tabs-nav { padding: 0; list-style: none; display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }
.weather-section .map-tabs-nav li>a { margin: 0; display: block; width: 100%; border: none; }

.weather-section .map-section { width: 100%; }

.jump-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-bottom: 50px; border-bottom: 1px solid #00000047; padding-bottom: 30px; }
.jump-links a { background-color: #2bca8b; padding: 12px 24px; line-height: 1; font-weight: 700; color: white; text-decoration: none; cursor: pointer; border-radius: 0; }
.jump-links a:hover {  background-color: #f89209; }
.jump-links br { display: none; }

#tropical-outlook-maps .map-content { background: #f9f9f9; padding: 30px 20px; margin-top: 30px;}
.map-content>h4 { border-bottom: 1px solid #f89209; margin-top: 0px; margin-bottom: 13px; padding-bottom: 15px;  }
#tropical-outlook-maps .map-content img { width: 100%; }
#tropical-outlook-maps #nhc1 { height: auto !important; }



@media only screen and (max-width: 1024px) {
	.about-block-2 { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;  }
	.selection-day .forecast-content .tab-panel ul li img { width: 100%; max-width: 100% !important; }	
	.forecast h3 { font-size: 25px; line-height: 33px; }
}

@media only screen and (max-width: 767px) { 
	.forecast button, 
	.weather-section .map-tabs-nav li>a { padding: 10px 20px; font-size: 14px; }
	.selection-day .forecast-content .tab-panel ul { gap: 10px; }
	.selection-day .forecast-content .tab-panel ul li { width: calc(50% - 5px); }
}

@media only screen and (max-width: 600px) { 
	.selection-day .forecast-content .tab-panel ul li { width: 100%; }
	.selection-day .forecast-content .tab-panel ul li img { width: 100%; max-width: 100% !important; }
	.forecast iframe { height: 250px !important; }
}


#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100000;
    background-image : url('/wp-content/plugins/severe-weather/images/loader.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0; 
    right : 0;
    top : 0;
}