/* Bootstrap oiverrides */
#panel {
 height: 238px;
 top: 0px;
 position: relative;
 background-color: #444444;

}
.bottom_line_bkg { background: #f8f9fb; }
.forecast .nav-tabs {

    margin-top: 0;
}
.forecast { border-bottom: 1px solid #333;  }
.forecast .nav-tabs .nav-link {  border: 1px solid transparent; color: #666; }
.forecast .nav-tabs .nav-item.show .nav-link, .forecast  .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fff;
    border-color: #333 #333 #fff; 
    margin-bottom: -2px;
    }

.forecast .nav-link:hover {
     border-left: 1px solid transparent !important;
     border-top: 1px solid transparent !important;
     border-right: 1px solid transparent !important;
     border-bottom: 1px solid transparent !important;
}
.forecast .nav-link.active:hover  { border-left: 1px solid #333 !important;
     border-top: 1px solid #333 !important;
     border-right: 1px solid #333 !important;
     border-bottom: 1px solid #fff !important;
}

.forecast .nav-link {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.darkbg {
    background-color: #444;
    padding-bottom: 10px;
    margin: 20px 0;
}	

/* top layout */
.forecast_rss {vertical-align:middle; width:15px;  }
.archives_up { width:20px; margin: -2px 0 0 10px; }
.archives_prev { width:25px; margin: 10px 0 0 10px; }
.archives_next { width:25px; margin: 10px 0 0 0; }
.archives_round { display: inline-block; color: #000;  border: 2px solid black; border-radius: 50%; height:25px; width:25px;  font-weight: bold; text-transform: uppercase; position: relative; top: -4px; }
.archives_round .dashicons-arrow-left-alt2 { color: #000; text-decoration: none; left: -1px; position: relative;}
.archives_round .dashicons-arrow-right-alt2 { color: #000; text-decoration: none; left: 1px; position: relative;}
.archives_round:hover  { color: #fff; background: #000; text-decoration: none; }
.archives_round .dashicons-arrow-left-alt2:hover, .archives_round .dashicons-arrow-right-alt2:hover  { color: #fff; }
.archives_acv { color: #000;  border: 2px solid black; border-radius: 15px; padding: 5px 13px;  margin: 5px 5px; font-size: 80%; font-weight: bold; text-transform: uppercase; position: relative; top: 5px; }
a.archives_acv  { color: #000; }
.archives_acv:hover { color: #fff; background: #000; text-decoration: none; }
.top_meta_title { text-transform: uppercase; font-size: .9em;  color: #8a8a8a;}
.top_meta { font-weight: bold;  font-size: 1.1em; margin-bottom: 10px;}
.bottom_line {  font-size: 1.1em; margin: 5px 5px 25px 5px; border: 1px solid #333; padding: 20px; 
	border-radius: 10px;
	background: #fff;
	}
.bottom_line h1 { text-transform: uppercase; font-size: 1.3em; padding-bottom: 0; color: #545454;}	
.avewarning_wrap { margin-bottom: 15px;  }
.avewarning { background-color: #d22d35; color: #fff;  padding: 10px 5px;  }
.avewarning_header { font-weight: normal ; padding:0; margin-bottom: 2px; color: #fff; font-size: 20px; }

/* Begin Risk Grid Layout WITH SVG */ 

.forecast_zone {
	max-width: 680px;
	 position: relative; 
     width: 96%;
     height: 256px;
}
.forecast_zone svg  {
	 position: relative; 
	 left: 100px; 
     top: 0;
	 z-index: 99;
}
.forecast_upper_band { width: 100%; background: #f8f9fb; height: 70px; top: 22px;  position: absolute; z-index: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.forecast_middle_band { width: 100%; background: #f8f9fb; height: 70px; top: 91px;  position: absolute; z-index: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.forecast_low_band { width: 100%; background: #f8f9fb; height: 70px; top: 160px;  position: absolute; z-index: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}


.forecast_upper_band_des {
	position:relative;
	top: 20px;
	left:5px;
}
.forecast_upper_band_risk {
	position:relative;
	top: 0px;


}
.forecast_middle_band_des {
	position:relative;
	top: 20px;
	left:5px;
}
.forecast_upper_band_des_tmw, .forecast_middle_band_des_tmw, .forecast_low_band_des_tmw {
  display: none;
}
.forecast_middle_band_risk {
	position:relative;
	top: 0px;


}
.forecast_low_band_des {
	position:relative;
     top: 20px;
     left:5px;
}
.forecast_low_band_risk {
	position:relative;
	top: 0px;


}

/* clean up style */
.bottom_line h1, .textfield h1,
.bottom_line h2, .textfield h2,
.bottom_line h3, .textfield h3,
.bottom_line h4, .textfield h4,
.bottom_line h5, .textfield h5 {
	border-left: none !important;
    background-color: transparent !important;
    color: #333 !important;
    padding-left: 0 !important;
}

/* Begin Risk Grid Layout WITH PNG */ 
.forcast_path {
	position:absolute;
	top: 0;
	left: 88px;
	z-index: 999;
}
.forecast_alpine {
	position:absolute;
	top: 0;
	left: 88px;
	z-index: 1;
}
.forcast_alpine_des {
	position:absolute;
	top: 33px;
	left:25px;
}
.forcast_alpine_risk {
	position:absolute;
	top: 38px;
	left:345px;
}

.forecast_treeline {
	position:absolute;
	top: 0;
	left: 88px;
	z-index: 2;
}
.forcast_treeline_des {
	position:absolute;
	top: 103px;
	left:25px;
	z-index: 1;
}
.forcast_treeline_risk {
	position:absolute;
	top: 108px;
	left:345px;
}

.forecast_below {
	position:absolute;
	top: 0;
	left: 88px;
	z-index: 3;
}
.forcast_below_des {
	position:absolute;
     top: 168px;
     left:25px;
}
.forcast_below_risk {
	position:absolute;
	top: 178px;
	left:345px;
}

.forecast_band {
     font-size: 12px;
     text-transform: uppercase;
     font-weight: bold;
     margin: 0 0 3px 0;
    line-height: 12px;
}
.forcast_ele {
	font-size: 11px;
	color: #333;
	line-height: 12px;
}
.risk-icon { position: relative; left: 323px; top: -33px; }

.bottom_line_forecast, .bottom_line h3{ font-size: 1.5em; line-height: 1.5em; padding-bottom:5px; color: #333;  border-left: none;  background-color: none; font-weight: 700; margin-bottom: 8px; }
.content_forecast { font-size: 1.4em; border-bottom: 1px solid #333; padding-bottom:5px; color: #333; margin: 15px 0 20px 0; font-weight: 700;  }

.risk-rating { font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .01em;
    padding-left: 3px;
    line-height: 12px; 
    text-align: right;
    margin-right: 35px; 
  }

.risk-rating-icon {
  top: -20px;
  position:absolute;
  left: 100%;
  margin-left: -25px;
}
.risk-rating-icon img {  height: 50px;  width: auto; }
.risk-rating-icon-table { height: 50px;  width: auto; }

.forecast_zone_tmw { position: relative; width: 96%; margin-bottom: 20px;  }	
.forecast_zone_tmw_band {
  width: 90%;
  background: #f8f9fb;
  height: 70px;
  top: 22px;
  position: relative;
  z-index: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.forecast_zone_tmw_risk-rating { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-top: 25px;
  padding-left: 3px;
  line-height: 12px;
  text-align: right;
  margin-right: 35px; }
.forecast_zone_tmw_risk-rating-icon { top: 6px;	position: absolute; left: 100%; margin-left: -25px; }
.forecast_zone_tmw_risk-rating-icon img  { 	height: 50px; width: auto; }
.forecast_zone_mobile_tmw { 
  border-top: 5px solid #e8ecee;
  border-bottom: 5px solid #e8ecee;
  margin-bottom: 1.5rem; 
  padding: 15px;
}
#dangerscale { margin-bottom: 10px;}
.btn-forecast_zone_mobile_tmw_showhide  { padding-left: 0px; }
.btn-forecast_zone_mobile_tmw_showhide .dashicons {  font-size: 2em; margin-top: -5px; margin-right: 5px; margin-left: -10;}
.btn-dangerscale { padding-left: 0px; }
.btn-dangerscale .dashicons  { font-size: 2em; margin-top: -5px; margin-right: 5px; margin-left: -10; }
.btn-outline { color: #000;
  background-color: #fff;
  border-color: #000; 
  font-weight: bold; }
.btn-outline:hover { background-color: #eee; }
.btn-outline:focus { box-shadow: none; }

/* ///////// NA Danger Scale \\\\\\\\\\\\\\\\\\ */
.norating { }
.bg-gray {
	margin-top:4px;
	background-color:#F0F0F0;
	height: 13px;
}

.bg-red {
	margin-top:4px;
	background-color:#CC332C;
	height: 13px;
}

.bg-black {
	margin-top:4px;
	background-color:#222;
	height: 13px;
}

.bg-green {
	margin-top:4px;
	background-color:#00C346;
	height: 13px;
}

.bg-yellow {
	margin-top:4px;
	background-color:#FCFC00;
	height: 13px;
}

.bg-orange {
	margin-top:4px;
	background-color:#FF9100;
	height: 13px;
}
.ratingtext { text-align: center; font-size: 10px; color: #666;}
.ratingscale {font-size: 11px; color: #000;   }
.dangertable {  border-spacing: 5px;  border-collapse: separate; min-width: 767px; margin-bottom: 20px;}
.dangertable td {    
  font-size: 9pt; 
  vertical-align: top; 
  line-height: 1.3em; 
  padding: 0.5rem !important;
  color: #1e2326;
}
.dangertable_gray { 
  border-top: 3px solid #1e2326;
  background-color: #f3f5f6;
}


/* ////////// top grey bar layout \\\\\\\\\\\\\ */
.close { float: right; margin: 3px; }
.forecast_dash { margin-left: 3px; color: #212529; text-decoration: none; font-size: 1.3em; margin-top:2px;}
.forecast_dash:hover  { color: #d22d35;  }
.header-gray { 	    
	/* css for top grey tab intro */
	background-color: #f8f9fb; 
	margin-bottom: 20px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.header-gray-info {
	border: 1px solid #DCDCDC;
	padding: 15px 20px;
	margin: 0 15px 15px 15px;
	border-radius: 10px;
	background-color: #f8f9fb;
}
.header-gray-hr {
    display: block;
    height: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-top: 1px solid #dee2e6;
}
.header-gray-title {
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 2px;
	font-weight: bold;
}
.header-gray-text {
	font-size: .9em;
	line-height: 1.3em;
}

/* author etc. */
.header_title {     font-weight: 700 !important; font-size: 1.5em !important;    padding-bottom: 5px;   padding-top: 0px;  margin-bottom: 0 !important; line-height: 130%;}
.header_author {    font-size: 16px;    font-weight: bold;    padding-bottom: 8px;    padding-left: 8px; }
.header_author a { color: #222222;  text-decoration: underline; }
.header_archive {    background-color: #d22d35; color: #fff; font-weight: bold; padding: 5px 10px;  margin: 10px 0; text-align: center; font-size: 1em; }




/* ////////// TYPE / CONCERN / SIZE layout \\\\\\\\\\\\\ */
.adv_bottom { height:100px; margin:10px 20px 10px 10px; float: left; }
.adv_bottom_hazard { height:90px; margin:15px 5px 10px 10px; float: left; }
.adv_type_label {    margin-top: 25px;  font-weight: bold;   margin-bottom: 20px;}
.adv_wrap { text-align: left; }
.adv_wrap ul {	list-style:none;	font-size:16px;	transform:translateX(-10px); margin-bottom: 0px;}
.adv_wrap li {	text-align:center;	 display:inline-block;	width:180px;	vertical-align:top;}

li#adv_type_icon  {	width:190px;	padding-right:20px; }
li#adv_type_icon img {	height:135px; background-color: #fff; margin-top:5px; }
li#adv_type {	width:190px;	padding-right:20px; }
li#adv_type img {	height:155px; }

.adv_concern { height:155px; margin:10px 20px 10px 10px; background-color: #fff; }
.adv_concern, .adv_aspect, .adv_chance, .adv_size { float: left; font-size: 13px }
.adv_concern p, .adv_aspect p, .adv_chance p, .adv_size p { text-align: center; font-weight: bold; font-size: 15px;  }
.adv_chance p, .adv_size p { text-align: left; margin: 0 0 0 50px; text-transform: uppercase; }
.adv_chance {  width: 250px;  height: 165px;  min-width: 160px;  position: relative;  overflow: clip;   }
.adv_size {  width: 250px; height: 165px;  min-width: 160px; position: relative; padding-left: 30px; }
.adv_chance img, .adv_size img {
    padding-top: 1px;
    max-width: 68px;
    margin-right: 155px;
    overflow: clip;  
}
.adv_chance .chance-bar-5 { position: absolute; top: 0px; left: 85px }
.adv_chance .chance-bar-4 { position: absolute; top: 31px; left: 85px }
.adv_chance .chance-bar-3 { position: absolute; top: 62px; left: 85px }
.adv_chance .chance-bar-2 { position: absolute; top: 96px; left: 85px }
.adv_chance .chance-bar-1 { position: absolute; top: 128px; left: 85px }

.adv_size .size-bar-4 { position: absolute; top: 0px; left: 85px }
.adv_size .size-bar-3 { position: absolute; top: 43px; left: 85px }
.adv_size .size-bar-2 { position: absolute; top: 86px; left: 85px }
.adv_size .size-bar-1 { position: absolute; top: 128px; left: 85px }
.adv_chance .bold { font-weight: bold }
.adv_size .bold { font-weight: bold }
.adv_size .size_historic { position: absolute; top: 7px; left: 70% }
.adv_size .size_small { position: absolute; top: 134px; left: 70% }

/* fix iframes */
.bottom_line_textfield iframe, .textfield iframe { width: 75% !important; height: 450px;  margin-bottom: 10px;}
/* fix for old images */
.bottom_line_textfield img, .textfield img { 
	max-width: 85%;
	height: auto;
	padding:0;
	margin: 0 auto 1px; 
	border: 1px solid #f8f9fb;
	-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4); }
.wp-caption { margin-bottom: 20px !important; }
.wp-caption img { 
	max-width: 85%;
	height: auto;
	padding:0;
	margin: 0px auto 10px auto; 
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.4); }

p:empty {	display: none;	}

.cnfaic_obs-professional, .cnfaic_obs-staff {
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 80%;
    color: red;
    margin-left: 3px;
}

/* PROBLEM ROSE */
.adv_problem_label {
	margin-top: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.akavalanche-rose .akavalanche-roseContainer {
    margin: 12px 0 12px 12px;
    position: relative;
    height: 135px;
    width: 158px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-aspectMarker {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: .7rem;
    font-weight: 700;
    margin: 0;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-northwest {
    left: 20px;
    top: 13px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-north {
    left: 50%;
    top: -7px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-northeast {
    left: 135px;
    top: 13px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-west {
    top: 50%;
    left: 0px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-east {
    top: 50%;
    left: 155px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-southwest {
    left: 18px;
    top: 122px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-south {
    left: 50%;
    top: 143px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-southeast {
    left: 135px;
    top: 122px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationLabel {
    position: absolute;
    font-size: .7rem;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    padding-left: 0.3rem;
    margin: 0;
    width: 180px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationMarker {
    position: absolute;
    height: 90px;
    width: 1px;
    border-left: 1px solid #515558;
    background-color: #515558;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationMarkerMiddle {
    left: 49.5px;
    top: 100.5px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationMarker:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: 2px solid #515558;
    background-color: #515558;
    left: -3px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationMarkerLower {
    left: 34.5px;
    top: 115.5px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationLabelUpper {
    left: 63px;
    top: 177px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationMarkerUpper {
    left: 63px;
    top: 87px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationLabelMiddle {
    left: 49.5px;
    top: 191.25px;
}
.akavalanche-rose .akavalanche-roseContainer .akavalanche-elevationLabelLower {
    left: 34.5px;
    top: 205.5px;
}

/* ARCHIVE PAGE */

.adv_tableheader { text-align: center; background-color: black; color: #fff; text-transform: uppercase; font-size: .8em; padding:5px; }
.adv_archive { height:60px; margin:10px; }
.adv_archive_icon { padding: 10px 20px 0px 20px; margin: auto; text-align: center;  }
.adv_archive_icon img  {	width:60px; height:60px; object-fit: scale-down; background-color: #fff;  }
.adv_archive_label { font-size: .6em; font-weight: bold; margin: auto;  text-align: center; }
.adv_table_btmline { font-size: .8em; line-height: 140%; padding: 5px; }
.adv_archive_navigation { width:100%; margin-top: 10px; }
.adv_previous { float: left; }
.adv_next { float: right; }
.forecast_bkg_archive { height: 70px; width: 62px; position: relative; margin:5px 10px;  }
.forcast_path_archive {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.forecast_alpine_archive {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.forecast_treeline_archive {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.forecast_below_archive {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

/* archive table view */
.none {
 font-size: 11px;
 letter-spacing: 1px;
 color: #000;
 background-color: #fff;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
}

.none a {
 color: #000;
 font-weight: normal;
}
.rating_0 {
 font-size: 10px;
 color: #000;
 background-color: #CCC;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em; 
}
.rating_0 a {
 color: #000;
 font-weight: normal;
}
.rating_1 {
 font-size: 10px;
 color: #FFF;
 background-color: #090;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em; 
}
.rating_1 a {
 color: #FFF;
  font-weight: normal;
}
.rating_2 {
 font-size: 10px;
 color: #000;
 background-color: #FF0;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em; 
}
.rating_2 a {
 color: #000;
  font-weight: normal;
}
.rating_3 {
 font-size: 10px;
 color: #000;
 background-color: #F90;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em;
}
.rating_3 a {
 color: #000;
  font-weight: normal;
}
.rating_4 {
 font-size: 10px;
 color: #000;
 background-color: #F00;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em;
}
.rating_4 a {
 color: #000;
  font-weight: normal;
}
.rating_5 {
 font-size: 10px;
 color: #FFF;
 background-color: #000;
 text-align: center;
 text-transform: uppercase;
 line-height: 1.3em;
}
.rating_5 a {
 color: #FFF;
  font-weight: normal;
}
.color_header {
 text-transform: uppercase;
 font-size: .8em;
 color: #FFF;
 background-color: #1d49ad;
}

/* ACCIDENTS PAGE */
.nav-postform {
    margin-bottom: 10px;
}
.headerbar {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #f8f9fb;
    background-color: #e9e9e9;
    margin-bottom: 20px;
    border-left: 4px solid #1d49ad; 
}
select {
    padding: 5px 30px 5px 15px;
    font-size: 16px;
    border: 1px solid #dddddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(icons/icon_dropdown.svg) 97%/11px no-repeat #fff;
    margin-top: 3px;
}
.gallery { margin-bottom: 10px;}
.gallery-image {    
	 padding: 0px;
    border: 1px solid black;
    width: 100% !important; 
    height:auto; 
    border-radius: 10px;
    
    }
.gallery-caption {
    text-align: center;
    font-style: italic;
    margin-bottom: 28px;
    font-size: 90%;
    margin-top: 5px;
}
.scrollme {   overflow-y: auto; }
@media screen and (max-width:991px)  {
	.adv_table_btmline { display: none; }
}

@media screen and (max-width:891px)  {
	.risk-icon {  left: 210px;  }
	.top_meta {  font-size: 1em; }
	.forecast_longtext1 { display: none; }
	.bottom_line img, .bottom_line_textfield img, .textfield img { 	max-width: 90%; }
    .forecast_zone svg { left: 70px; } 
    .forecast_band {  font-size: 10px; }
    .risk-rating, .forecast_zone_tmw_risk-rating { font-size: 14px; }
}
@media screen and (max-width:860px)  {
  .ratingscale, .norating { display: none;}
  .ratingtext { font-size: 9px; }
  .tab-pane { margin-bottom: 20px;}


}
@media screen and (max-width:767px)  {
	.forecast_zone, .forecast_zone_tmw { width: 100%; max-width: 767px; }
    .forecast_zone_tmw_band{ width: 100%; }
    .ratingscale, .norating { display: none;}
	.ratingtext { font-size: 9px; }
	.tab-pane { margin-bottom: 20px;}
    .risk-rating, .forecast_zone_tmw_risk-rating { margin-right: 75px; }
    .risk-rating-icon, .forecast_zone_tmw_risk-rating-icon {   margin-left: -65px; }
    .forecast_zone svg { left: 90px; } 
    .risk-rating { font-size: 15px; }
    .forecast_zone_tmw_risk-rating { font-size: 15px; margin-top: 0; }
    .forecast_upper_band_des_tmw, .forecast_middle_band_des_tmw, .forecast_low_band_des_tmw {
      display: block;
      position: relative;
      top: 20px;
      left: 5px;
    }
}
@media screen and (max-width:670px)  {
.archives_prev, .archives_next { display: none; }
}

@media screen and (max-width:590px)  {
  .forecast_longtext2 { display: none; }
  .forecast_zone svg { left: 70px; }

}

@media screen and (max-width:560px)  {
    .forecast_zone {display: block; }
    .forecast_zone svg { display: none; }
    .forecast_band { font-size: 12px;}
	.ratingscale, .norating { display: none;}
	.ratingtext { font-size: 9px; }
	.tab-pane { margin-bottom: 20px;}	
	.archives_prev { width:20px; margin: 5px 0 0 10px; }
	.archives_next { width:20px; margin: 5px 0 0 5px; }
	.archives_acv { padding: 2px 6px !important;  margin: 5px 0 0 5px; font-size: 70%;  top: 2px; }
}



@media screen and (max-width:500px)  {
	.header-gray-infotop { display: none; }
	.adv_table_problem { display: none; }
	.adv_archive_icon { padding: 10px 10px 0px 10px;	}
	.adv_wrap { text-align: center; }
	li#adv_type {	width:210px;	padding-right:20px; }
	.bottom_line_textfield iframe, .textfield iframe { width: 95% !important; height: 250px; }
	.wp-caption img, .textfield img { width: 95% !important; height: auto !important; }
	.gallery-image {    margin: 5px;  width: 95px; }
	.tab-content>.tab-pane {
	display: block !important;
	opacity: 1 !important; }
	.nav-tabs { display: none !important; }
	#view_table { display: none !important; }
	.cnfaic_obs-table-td-byline, .cnfaic_obs-table-th-byline { display: none; }
}
@media screen and (max-width:400px)  {

	.forecast_rss { display: none; }

}