/** 
* 
* App : Eldersweather wxe.eld-1.0 
* Author : arahman 
* Date : 2019-05-30 
* Updated: 2023-02-20 09:23am WXENG-1319 by bcheng
**/
@import "/stylesheets/smartbanner/smartbanner.min.css"; 

body {
  background-color: #fff;
  /*background-image: url(/styles/images/elders/images/background.jpg);*/
}

#wz {
  background: transparent !important;
}

* {
  box-sizing: border-box;
}

.main {
  letter-spacing: 0px !important;
}

#wz .obscast .observation .obs {
  margin-left: 20px;
}

#wz .mobile_menu {
  width: 100%;
}

#wz .menu-bar,
#wz .menu-bar-left,
#wz .menu-bar-right {
  background: #df0021;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  font-size: 13pt;
  font-family: "LatoWebBold";
  font-weight: bold;
}

#wz .menu-bar a,
#wz .menu-bar a:hover,
#wz .menu-bar-left a,
#wz .menu-bar-left a:hover,
#wz .menu-bar-right a,
#wz .menu-bar-right a:hover {
  color: #ffffff;
  text-decoration: none;
}

#wz .menu-bar {
  width: 95%;
  margin: 10px;
}

.mywarnings-icon:before {
  background: url(/images/elders/warning-white.png) no-repeat bottom;
  background-size: auto;
  transform: scale(0.9);
  background-size: 20px 20px;
  display: inline-block;
  width: 30px;
  height: 20px;
  content: "";
  margin-bottom: -5px;
}

#wz .menu-bar-left {
  width: 44%;
  float: left;
  margin: 10px;
}

#wz .menu-bar-right {
  width: 44%;
  float: right;
  margin: 10px;
}

#wz .obscast .observation {
  text-align: center;
  width: 100%;
  margin: 0;
  display: block;
}

#wz #modules .obscast h4 {
  padding: 0;
  margin-bottom: 6px;
  margin-top: 6px;
  font-size: 20pt;
  line-height: 1.25;
  font-weight: normal;
  letter-spacing: 0px;
}

#wz .obscast .observation .obs .left,
#wz .obscast .observation .obs .right {
  float: left;
  width: 30%;
  padding: 15px 0px 0px 0px;
}

#wz .obscast .observation .obs .left .attribute,
#wz .obscast .observation .obs .right .attribute {
  float: left;
  text-align: left;
}

#wz .obscast .observation .obs .left .icon,
#wz .obscast .observation .obs .right .icon {
  float: left;
  margin-left: 20px;
  width: 20%;
}

#wz .obscast .observation .location {
  float: left;
  display: table-row;
  width: 100%;
  margin-top: -5px;
}

#wz .obscast .observation .now .temp {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

#wz .obscast .observation .now {
  height: auto;
}

#wz .obscast .observation .now .temp {
  height: 38px;
}

#wz .obscast .observation .now .temp h3 {
  border-bottom: 0px solid #efefef;
  font-family: "LatoWebBold";
}

#wz .obscast .observation .now .other {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

#wz .obscast .observation .now .other .trend {
  padding-left: 0px;
  display: inline-block;
  transform: scale(.7);
  margin-top: -40px;
  margin-left: 78px;
  text-align: center;
  float: none;
  font-family: "LatoWebBold";
}

#wz .obscast .observation .now .other .feelslike {
  float: none;
  clear: both;
  margin-top: 0px;
  font-size: 18pt;
  font-family: "LatoWebBold";
}

#wz .local {
  background: #df0021;
  padding: 10px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  margin-top: 8px !important;
  font-weight: bold;
}


/* ------------ end local forecast ------------ */

.outer-wrap {
  width: 100% !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}

.template--sidebar-right .main {
  width: 100% !important;
  padding-right: 0px !important;
}

.wrap.grid {
  width: 100% !important;
}

#content .wrapper {
  padding-top: 0px;
  width: 100%;
}

.wrapper_h {
  padding-left: 0px;
  width: 100%;
  overflow: hidden;
}

.beta-strip-wrap {
  display: none;
}

.grid {
  margin-top: 0px !important;
}

.ff_current_temp {
  text-transform: uppercase;
  margin-left: -10px;
}

.ff_content {
  font-weight: normal !important;
}

#wz {
  padding: 0 10px;
}

#wz #content .content {
  padding-left: 0px;
  padding-right: 0px;
}

#wz div#content {
  width: 100%;
}

div#lf_today_now div.now_left,
div#lf_today_now div.now_right {
  float: left;
  width: 95%;
  padding-left: 0px;
}

div#lf_today_now div.now_right div.row {
  float: left;
  width: 50%;
}

div#lf_today_now div.now_right div.row div.unit-1-4 {
  width: 50%;
  margin-top: 15%;
  margin-left: -10px;
}

div#lf_today_now div.now_right div.row div.unit-1-6 {
  width: 0 !important;
}

div#lf_today_now div.now_right div.row div.unit-1-4 .temperatue_bold {
  font-size: 36px !important;
  color: #939393 !important;
}

div#lf_today_now div.now_right div.row div.unit-1-4 .temperatue_reg {
  color: #939393 !important;
  margin-left: 10px;
}

div.tomorrow_left {
  float: left;
  width: 100%;
}

div.tomorrow_left div.unit-1-4 {
  width: 50%;
}

div.tomorrow_left div.unit-1-8 {
  width: 19%;
  margin-top: 5%;
}

div.tomorrow_left div.unit-1-8 div.temperatue_bold {
  font-size: 36px !important;
  color: #939393 !important;
}

div.tomorrow_left div.unit-1-8 div.temperatue_reg {
  color: #939393 !important;
  margin-left: 10px;
}

div.tomorrow_right div.unit-1-2 {
  width: 100%;
}

div#lf_today_now div.ff_content_header,
div.tomorrow_right div.temperatue_reg,
.ac-container article p {
  line-height: 1.5em !important;
  font-size: 1.4em !important;
  padding: 4px !important;
  font-family: inherit !important;
}

.truncate {
  width: 85% !important;
}

.ff_weatherzone_banner {
  height: initial !important;
  width: 100% !important;
  font-size: 1em !important;
  font-family: sans-serif;
  padding: 15px 5px;
  font-weight: normal !important;
}

#wz div#search_location {
  float: none;
  width: 100%;
  display: none;
  height: 75px;
}

#wz div#search_location ol {
  width: 100% !important;
  float: left;
  height: 50px;
}

#wz div#search_location ol li {
  float: left;
  width: 100%;
}

#wz div#search_location li input {
  width: 95% !important;
  margin: 15px 12px 0px 10px;
  height: 30px;
  line-height: 30px;
}

#wz div#search_location li button {
  right: 1px !important;
  position: absolute;
  top: -72px;
}

#wz div#search_location ol li.button button {
  margin-top: 26px;
}

#wz div#search_location fieldset {
  margin: 0;
}

#wz div#search_location span {
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}

.ac_results {
  margin-left: 0px !important;
  width: 93% !important;
}

.ff_tilte,
.ff_content_header {
  font-size: 1.4em !important;
}

#wz table.sunrise {
  border: 0px !important;
  width: 100% !important;
  display: none;
}

#wz ol#modules li.sunrise-sunset table.sunrise tbody tr {
  border-bottom: 1px solid #e5eff8;
}

#wz ol#modules li.sunrise-sunset table.sunrise tbody tr td {
  border: 0px !important;
  padding: 10px 0px;
  font-size: 1.4em;
}

#wz div.national#radar-nav,
#wz div.national#satellite-nav,
#wz div.districts#responsive-radar-districts {
  display: block;
  margin-top: 10px;
}

li.seven-day-forecast div.forecast_row {
  float: left;
  padding-bottom: 0px;
  background: #efefef;
  width: 100%;
  border: 0px;
}

li.seven-day-forecast div.forecast_row {
  margin-bottom: 10px;
}

li.seven-day-forecast div.forecast_row div.dayName {
  float: left;
  width: 33%;
  font-size: 1.5em;
  font-weight: bold;
}

li.seven-day-forecast div.forecast_row div.precise {
  float: left;
  width: 33%;
  font-size: 1.3em;
  margin-top: 4%;
}

li.seven-day-forecast div.forecast_row div.temperature {
  float: left;
  width: 33%;
  margin-top: 5%;
}

li.seven-day-forecast div.forecast_row div.temperature span {
  font-size: 1.6em !important;
}

li.seven-day-forecast div.forecast_row div.images {
  float: left;
  width: 33%;
  margin-top: 0;
  text-align: right;
  padding-top: 0px;
}

li.seven-day-forecast div.forecast_row div.images img {
  width: 75px;
  margin-top: -10px;
  float: right;
}

li.seven-day-forecast div.forecast_row div.chance_of_rain {
  float: left;
  width: 33%;
  font-size: 1.3em;
  background: url('/styles/images/fairfax/rainfall.png') no-repeat center left;
  background-size: 15px;
  padding-left: 20px;
}

li.seven-day-forecast div.forecast_row div.precise span.chance_of_rain {
  float: left;
  width: 20%;
  font-size: 1.3em;
  background: url('/styles/images/fairfax/rainfall.png') no-repeat center left;
  background-size: 15px;
  padding-left: 20px;
}

li.seven-day-forecast div.forecast_row div.precise span.chance_of_rain {
  float: left;
  width: 80%;
  font-size: 1.3em;
}

li.seven-day-forecast div.forecast_row div.amount_of_rain {
  float: left;
  width: 33%;
  font-size: 1.3em;
}

div.ff_current_temp {
  font-size: 4em !important;
}

.ff_tilte {
  font-size: 2.5em !important;
}

div#raincal {
  width: 100% !important;
}
/* WXENG-1237 */
div#raincal div {
  width: 100%;
}


div#raincal div.nil-legend,
div#raincal div.medium-legend,
div#raincal div.high-legend,
div#raincal div.low-legend {
  float: left;
  width: 25% !important;
  font-size: 0.75em;
}

span.first_light,
span.last_light {
  width: 30px !important;
  height: 30px !important;
  background: #fff url(/styles/images/fairfax/first-last-light.png) no-repeat center !important;
  background-size: 30px 30px !important;
}

span.sunrise {
  width: 30px !important;
  height: 30px !important;
  background: #fff url(/styles/images/fairfax/sunrise.png) no-repeat center !important;
  background-size: 30px 30px !important;
}

span.sunset {
  width: 30px !important;
  height: 30px !important;
  background: #fff url(/styles/images/fairfax/sunset.png) no-repeat center !important;
  background-size: 30px 30px !important;
}

li.almanac table.max {
  margin-top: 20px;
}

li.almanac table span.name {
  width: 50%;
  float: left;
  display: block;
  height: 50px;
  margin-top: 4%;
}

li.almanac table span.value {
  float: left;
  width: 50%;
  height: 25px;
}

li.almanac table tr.even {
  background-color: #efeff6;
}

li.almanac table tr th {
  font-size: 1.3em !important;
  background: #fff !important;
  border-top: 2px solid #0e3d60 !important;
}

li.almanac table tr td {
  padding: 0px !important;
}

li.almanac table tr td span.name {
  font-size: 1.3em !important;
  background-color: #0e3d60;
  color: #fff;
  margin-top: 0px;
  padding-top: 15px;
  text-align: center;
}

li.almanac table tr td span.value {
  font-size: 1.3em !important;
  padding-left: 10px;
  padding-top: 5px;
}

li.almanac table tr td span.value._5,
li.almanac table tr td span.value._1 {
  font-weight: bold;
}

li.almanac table tr td span.value._6,
li.almanac table tr td span.value._2 {
  color: #8f8f91;
}

li.responsive-radar-animator h3 {
  font-size: 2em !important;
  border-bottom: 2px solid #0064b4 !important;
  padding-bottom: 20px !important;
}

:not(.ie8) input[type="checkbox"]:checked+label:before,
 :not(.ie8) input[type="radio"]:checked+label:before {
  display: none;
}

div#raincal div.raincal-legend {
  float: left;
  width: 100% !important;
}

li.seven-day-forecast table.detail td img {
  margin-left: 0px !important;
}

.rain-forecast-right h3 {
  padding-left: 30px !important;
  background-image: url(/images/blue-arrow-down.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 20px;
  cursor: pointer;
}

#wz div#wznavigation div.wrapper {
  width: 100%;
}

#wz div#wznavigation li {
  width: 100%;
  text-align: left;
}

.section_header {
  font-size: 28px;
}

.menu-container {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #efefef;
}

.menu-container label {
  letter-spacing: normal;
  padding: 10px !important;
  position: relative;
  z-index: 20;
  display: block;
  height: 40px !important;
  color: #fff;
  line-height: 23px !important;
  font-size: 16px !important;
  background: #2876EB;
  margin: 0 0 10px 0 !important;
}

.menu-container input:not(:checked)+label {
  background-image: url(/images/news-arrow-down-white.png);
  background-repeat: no-repeat;
  background-position: center right 30px;
  background-size: 20px;
}

.menu-container label:hover {
  background: #2876EB;
  color: #fff;
}

.menu-container input:checked+label {
  background: #2876EB;
  color: #fff;
}

.menu-container label:hover:after,
.menu-container input:checked+label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background-image: url(/images/news-arrow-down-white.png);
  background-repeat: no-repeat;
  background-position: center right 30px;
  background-size: 20px;
}

.menu-container input:checked+label {
  background-image: url(/images/news-arrow-up.png);
  background-repeat: no-repeat;
  background-position: center right 30px;
  background-size: 20px;
}

.menu-container input {
  display: none !important;
}

.menu-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.menu-container article p {
  letter-spacing: normal;
  line-height: 23px;
  font-size: 22px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: "Merriweather";
  color: #666666;
}

.menu-container input:checked~article {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.menu-container input:checked~article.ac-small {
  height: 140px;
}

.menu-container input:checked~article.ac-medium {
  height: 180px;
}

.menu-container input:checked~article.ac-large {
  height: 450px;
}

.wrapper,
#wz .wrapper,
#header .wrapper {
  width: 100%;
}

#wz div#location_name {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  padding: 0;
}

#wz table.today_forecast td.temp_min,
#wz table.today_forecast td.temp_max {
  font-size: 16px;
}

#wz table#weather_maps_table {
  text-align: left;
}

#wz div#map,
#wz div#world-map {
  width: 100%;
  height: 270px;
}

#wz div#wznavigation {
  margin-top: -10px;
}

#wz div#wznavigation li {
  border-top: 0px solid #CFCFCF;
}

#wz ol li span.min {
  margin-left: 0em;
  color: #0AA9DD;
}

#wz table th,
#wz table td {
  border: 0px solid #ddd;
}

table.forecast_detail_mobile {
  border: 0px solid #006c67;
}

#wz table {
  border: 0px solid #006c67 !important;
}

table.forecast_detail_mobile tbody td {
  border-bottom: 1px solid #F5F5F5 !important;
  text-align: left;
  vertical-align: middle;
  padding: 0;
  height: 40px;
}

table.forecast_detail_mobile tbody td.full_day {
  width: 28%;
}

table.forecast_detail_mobile tbody td.temp_image {
  width: 24%;
}

table.forecast_detail_mobile tbody td.content_detail {
  width: 48%;
}

table.forecast_detail_mobile tbody td.content_detail span.chance_of_rain {
  color: #00D1B6;
  background-image: url(/images/icon-rain.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 10px;
  padding-left: 15px;
}

#wz table#national_forecast_table th.first_border,
#wz table#national_forecast_table td.first_border {
  border-left: 1px solid #C5C5CB;
  ;
}

.wrapper,
#wz .wrapper,
#header .wrapper {
  width: 100%;
}

#wz div#location_name {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  padding: 0;
}

#wz table.today_forecast td.temp_min,
#wz table.today_forecast td.temp_max {
  font-size: 16px;
}

#wz table#weather_maps_table {
  text-align: left;
}

.map-menu-container {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #efefef;
  height: 40px;
}

.map-menu-container label {
  letter-spacing: normal;
  position: relative;
  z-index: 20;
  display: block;
  height: 40px !important;
  line-height: 23px !important;
  font-size: 12px !important;
  color: #2876EB;
  padding-right: 30px !important;
  margin: 0 0 10px 0 !important;
  width: 100%;
  background: #FFF;
}

.map-menu-container label div.selected_name {
  width: 50%;
  height: 40px !important;
  background: #EFEFEF;
  float: left;
  padding: 10px !important;
}

.map-menu-container label div.option_name {
  width: 30%;
  height: 40px !important;
  background: #FFF !important;
  float: right;
  padding: 10px 0 10px 0 !important;
  margin-right: 10px !important;
}

.map-menu-container input:not(:checked)+label {
  background-image: url(/images/icon_arrow_down.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 15px;
}

.map-menu-container label:hover {
  color: #2876EB;
}

.map-menu-container input:checked+label {
  color: #2876EB;
}

.map-menu-container label:hover:after,
.map-menu-container input:checked+label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 15px;
}

.map-menu-container input:checked+label {
  background-image: url(/images/icon_arrow_up.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 15px;
}

.map-menu-container input {
  display: none !important;
}

.map-menu-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.map-menu-container article p {
  letter-spacing: normal;
  line-height: 23px;
  font-size: 22px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  font-family: "Merriweather";
  color: #666666;
}

.map-menu-container input:checked~article {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.map-menu-container input:checked~article.ac-small {
  height: 140px;
}

.map-menu-container input:checked~article.ac-medium {
  height: 180px;
}

.map-menu-container input:checked~article.ac-large {
  height: 450px;
}

#wz div#map-nav,
#wz div#satellite-nav,
#wz div.wrapper {
  width: 100%;
}

#wz div#map-nav li,
#wz div#satellite-nav li {
  width: 100%;
  text-align: left;
  float: left;
  display: inline-block;
  color: #9F9F9F;
  border-bottom: 1px solid #CFCFCF;
  font-weight: normal;
  font-size: 12px;
  text-transform: capitalize;
}

#wz .main ol#modules li.responsive-satellite-animator .page-title h3 {
    display: block;
}

#wz .main ol#modules li.responsive-satellite-animator .script {
  margin: 10px;
  margin-top: 20px;
}

#wz div#map-nav,
#wz div#satellite-nav {
  margin-top: 0;
}

#wz div#map-nav li a:hover,
#wz div#map-nav li a:visited:hover,
#wz div#satellite-nav li a:hover,
#wz div#satellite-nav li a:visited:hover {
  background: #EFEFEF;
}

#wz div.national li a,
#wz div.national li a:visited {
  color: #9F9F9F;
  font-weight: normal;
  text-transform: capitalize;
}

#wz div.national li.active a,
#wz div.national li a.selected:visited,
#wz div.national li a.selected:active {
  color: #2876EB;
  background: #EFEFEF;
  text-transform: capitalize;
}

.world-map-menu-container label div.selected_name {
  width: 50% !important;
}

.world-map-menu-container label div.option_name {
  width: 40% !important;
}

#wz div#world-map-nav ul.sf-menu {
  float: left !important;
  width: 100% !important;
  display: none;
  position: relative !important;
  top: 0;
  right: 0;
}

#wz div#world-map-nav li {
  width: 100% !important;
}

#wz table#world_forecast_table td div.max {
  float: left;
  color: #E72A2A;
}

#wz table#world_forecast_table td div.min {
  float: left;
  width: 20px;
  color: #0AA9DD;
}

#wz ol#modules li.responsive-radar-animator {
  display: block;
  position: relative;
  z-index: 9;
  margin-top: 0px;
}

#wz ol#modules li.radar-animator iframe {
  display: none;
}

#wz div.sidebar {
  padding: 0 !important;
  float: left !important;
  width: 100% !important;
  margin-left: 0 !important;
}

.sun_and_moon .moon {
  float: left !important;
}

#wz ol li span.max {
  font-weight: normal;
}

#wz div.now {
  width: 100%;
  float: left !important;
}

#wz div#map-nav {
  margin-top: 0;
}

#wz div.now {
  width: 100%;
  float: left !important;
}

#wz div#wznavigation li#conditions {
  width: 100%;
}

#wz div#wznavigation li#radar {
  width: 100%;
}

#wz ol#modules li {
  margin: 0;
}

#wz div.today {
  width: 100%;
  float: left;
}

#wz table.today_forecast td {
  border: 0px solid #006c67;
  width: 10px;
  text-align: left;
  vertical-align: top;
  padding: 0 8px 0 0;
}

#wz table.today_forecast td.forecast_precis {
  padding-right: 12px;
}

.sun_and_moon .moon {
  float: left;
}

.moon_plot {
  position: relative;
  float: left;
  margin-left: 20px;
}

#wz table.forecast_detail_mobile td {
  padding: 15px 0 15px 0;
}

#wz table.forecast td.max,
#wz table.summary td span.max,
#wz ol li span.max {
  color: #e31;
}

#wz table.forecast th.location {
  width: 90px !important;
}

#wz table.forecast th {
  font-size: 9px;
  padding: 0.25em !important;
}

#wz table.forecast td {
  font-size: 8px;
}

#wz #world-map-nav {
  margin-top: -10px;
}

.world-map-menu-container {
  width: 100%;
  text-align: left;
  margin-top: -18px;
}

.headerframe:hover {
  width: 100%;
  min-height: 100px;
}

#wz div.districts ul {
  float: left;
  width: 40%;
  margin: 0 0.5em 0 0;
  padding: 0;
}

#mobile-mrec-1 {
  display: block;
}

#desktop-mrec-1 {
  display: none;
}

#desktop-mrec-2 {
  display: none;
}

#wz div#wznavigation li#world {
  text-align: left;
  float: left;
  width: 100%;
}


/*---------------- top menu -----------------------*/

#menu {
  background: #df0021;
  z-index: 9999 !important;
  border-bottom: 2px solid #df0021;
  height: 43px !important;
  position: absolute;
  width: 100%;
}

.elders-gnav {
  display: none;
}

.header {
  height:  60px; 
  width: 100%;
  background: #fff;
  margin-top: 0px;
  align-items: none;
  overflow:hidden;
}

.sitehomelink {
  text-decoration: none;
  display: block;
  text-indent: -999px;
  height: 70px;
  margin-left: 10px;
  background: url('/styles/images/elders/images/elders-logo.png') no-repeat center;
  background-size: contain;
}

.header .header-content {
  margin: 0;
  padding: 0;
  width: 100%;
}

.logo {
  float: left;
  height: auto;
  width: 125px;
  position: relative;
  background-position: center;
}

.weather-text {
  float: left;
  font-size: 20pt;
  font-weight: normal;
  line-height: 60px;
  padding-left: 10px;
  padding-right: 21px;
  color: #000;
  font-family: "metaplus-bold";
  padding-top: 10px;
}


}
.hide-menu-button img {
  float: right;
  width: 80px;
  background: #ffffff;
  display: block;
  margin-right: 10px;
  margin-top: 20px;
}
.menu-wrapper {
  width: 100%;
 }
ul#menuitems>li {
  height: 43px;
  width: 100%;
}
.menu-icon {
  height: 20px;
  width: 25px;
  position: relative;
}
.menu-icon:hover {
  cursor: pointer;
}
.menu-icon:hover .menu-icon__bar {
  opacity: 0.6;
}
.menu-icon__bar {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  background-color: #fff;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.menu-icon__bar::before,
.menu-icon__bar::after {
  height: 2px;
  width: 100%;
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.menu-icon__bar::before {
  top: -10px;
}
.menu-icon__bar::after {
  bottom: -10px;
}
.menu-icon--open .menu-icon {
  position: relative;
}
.menu-icon--open .menu-icon__bar {
  background: transparent;
}
.menu-icon--open .menu-icon__bar::before,
.menu-icon--open .menu-icon__bar::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-icon--open .menu-icon__bar::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.nav__link--plus::after {
  content: "";
  background-image: url(/images/news-arrow-up.png);
  background-repeat: no-repeat;
  background-position: center right 30px;
  background-size: 20px;
}
.menu-icon--open .menu-icon__bar::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nav {
  background-color: #df0021;
  -webkit-transition: top 0.6s ease;
  transition: top 0.6s ease;
  width: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.nav--active {
  position: absolute;
  top: 60px;
  overflow: scroll;
}
.nav__list a:hover,
{
  color: #000;
}
.nav__list {
  padding-left: 0;
  list-style: none;
}
.nav__item {
  text-align: left;
  border-bottom: solid #ccc 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav__item a:focus {
  color: #fff;
  padding-bottom: 0px;
}
li.nav__item a {
  display: block;
}
.nav__link {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-left: 20px;
  font-size: 18px;
  width: 100%;
}
.nav__link a {
  width: 100%;
}
.nav__item a.nav__link--plus::after {
  content: '';
  width: 100%;
  height: 24px;
  float: right;
  background-image: url(/images/news-arrow-down-white.png);
  background-repeat: no-repeat;
  background-size: 20px;
  margin-top: -18px;
}
.nav__item a.nav__link--minus::after {
  content: '';
  width: 100%;
  height: 24px;
  float: right;
  background-image: url(/images/news-arrow-up.png);
  background-repeat: no-repeat;
  background-size: 20px;
  margin-top: -18px;
}
.nav__link:hover {
  opacity: 0.6;
}
.nav__sub-list {
  displaY: none;
  list-style: none;
  background-color: #222;
  color: #fff;
}
.first {
  margin-top: 10px;
}
.nav__sub-list--active {
  display: block;
}
.nav__sub-item .nav__link {
  color: rgba(255, 255, 255, 0.6);
}
.nav__sub-item {
  padding-top: 10px;
  padding-left: 20px;
  border-bottom: solid #ccc 1px;
  list-style: none;
  padding-bottom: 10px;
  width: 100%;
}
li.nav__sub-item a {
  width: 100%;
  display: block;
}
.white-header {
  background-color: #fff;
  color: #df0021;
  padding-left: 20px;
  font-size: 18px;
}

/* footer */
.elders-footer {
  /*height: 425px;*/
  
  height: 640px;
  width: 100%;
  margin-top: -21px;
  border-top: 0.01em solid rgb(245, 245, 247);
  border-bottom: 0.01em solid rgb(245, 245, 247);
}
.elders-footer .container {
  width: 100%;
  height: 100%;
}
.elders-footer .footer-top {
  margin-top: 30px;
  line-height: 30px;
}
.elders-footer-container-resp {
  background: none;
}
.elders-footer .footer-top span {
  line-height: 30px;
}
.elders-footer .elders-footer-container {
  display: none;
}
.elders-footer .elders-footer-container-resp {
  display: inline-block;
}
.elders-footer .pull-xs-center {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.elders-footer .elders-footer-container-resp .nav {
  background: transparent;
}
.elders-footer .elders-footer-container-resp .social-icons .nav-link {
  color: #000;
}
.elders-footer .social-icons .nav-link {
  font-size: 35px !important;
}
.copyright {
  display: block;
  height: 60px;
  text-align: center;
  font-family: ff-meta-web-pro, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 10pt !important;
  color: #6d6969 !important;
  background: #fff;
  margin-top: -20px;
  padding-top: 23px;
}

/*---------------- synoptic -----------------------*/
#wz ol#modules li.national-synoptic-chart .summary h3 {
  width: 100%;
  margin-top: 5px;
  position: absolute;
  background: #df0021;
  color: white;
  padding-left: 10px;
}
#wz ol#modules li.national-synoptic-chart .summary h3 span {
  color: #fff;
}
#wz ol#modules li.national-synoptic-chart ul.tabs {
  width: 100%;
  margin: 73px -10px 5px 10px !important;
  }
#wz ol#modules li.national-synoptic-chart ul.tabs li {
  width: 11.8%;
  background: #fff;
}
#wz ol#modules li.national-synoptic-chart .summary ul.news {
  margin: 10px !important;
}
#wz ol#modules li.national-synoptic-chart .summary ul.news li a img {
  width: 100%;
}
#wz ol#modules li.national-synoptic-chart div.chart {
  margin-left: 10px;
  margin-right: 10px;
}
#wz ol#modules li.national-synoptic-chart div.chart .forecast {
  margin-top: -3em;
}

/*---------------- national -----------------------*/
.header .header-content {
  margin-top: 35px;
}
#wz {
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
  margin-top: -20px;
  margin-bottom: 23px;
}
#canvas {
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#wz div#notice {
  display: none;
}
#wz div.national {
  border-top: 0;
  border-bottom: 0;
}
#wz ol#modules li.map {
  width: 100%;
}
.national .map-container {
  display: none !important;
}
.national .right,
#wz ol#modules li.national-forecast,
#wz ol#modules li.radar-animator {
  width: 100%;
  padding: 10px;
  margin: 0px;
}
#wz ol#modules li.radar-animator {
  margin: 0px;
  padding: 0px;
}
.map-data-div-resp .row {
  background: white;
  opacity: 0.8;
  width: auto;
  display: flex;
  align-items: center;
}
#wz #content .content .main {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
#wz div#wznavigation,
#wz div#breadcrumbs,
#wz ol#modules li.secondary-menu,
.national .menu .tertiary-menu,
.national .right .menu {
  display: none !important;
}
.national>.location {
  background: #df0021;
  padding: 10px;
  margin: 10px 10px 10px 0px;
  padding-top: 0px;
}
.national>.location>h3 {
  color: #fff;
}
#wz div.national h3 {
  border: 0px;
}
.national>.location>.day {
  color: #eae9e9;
  font-size: 7pt;
}
li.map .national img,
li.national-forecast .forecast img {
  max-width: 100%;
  max-height: 100%;
}
.map-data {
  background: rgba(255, 255, 255, 0.80);
}
.map-data-div {
  display: none;
}
.map-data-div-resp {
  display: block;
}
.map-data-div-resp .column .icon-x {
  margin: 0px;
  padding: 0px;
}
.map-data-div-resp .data-col {
  line-height: 0px;
  margin-left: 0px;
}
.map-data-div-resp .column .location a {
  text-decoration: none !important;
}
#wz div.national .mapbox {
  width: 100% !important;
}
.mapbox a:hover,
.mapbox a:hover {
  cursor: pointer;
}
.mapbox .forecast .location a,
.mapbox .forecast .location a:visited,
.mapbox .current-condition .location a,
.mapbox .current-condition .location a:visited {
  font-family: "LatoWebBold" !important;
  font-size: 16pt !important;
}
.map-data-div-resp .column {
  float: left;
  padding: 10px;
  border: 1px solid #000;
  box-sizing: border-box;
  line-height: 50px;
  vertical-align: middle;
  color: #45444a;
}
#wz ol#modules li.sunrise-sunset .row:after,
#region-div-responsive .row:after,
.map-data-div-resp .row:after {
  content: "";
  display: table;
  clear: both;
}
#wz ol#modules li.sunrise-sunset .row .column,
.map-data-div-resp .column .location,
.map-data-div-resp .column .location a,
.map-data-div-resp .column .icon,
.map-data-div-resp .column .min,
.map-data-div-resp .column .max,
.map-data-div-resp .column .temp {
  float: left;
  width: auto;
  font-family: "LatoWebBold" !important;
  margin: 0px;
  padding: 0px;
  font-size: 16pt;
  margin: 0px !important;
  margin-left: -3px;
}
.map-data-div-resp .column .min {
  color: #000080;
  margin-left: -10px;
}
.map-data-div-resp .column .max {
  color: #d53333;
  margin-left: 5px;
  margin-right: 5px;
}
.right .summary {
  margin-top: 20px;
}

/* forecast */
#region-div-responsive .column .temp_min,
#region-div-responsive .column .temp_max,
#region-div-responsive .column .precip,
#region-div-responsive .column .rain {
  font-family: "LatoWebBold" !important;
}
#region-div-responsive .column {
  float: left;
  padding: 10px;
  border: 0px solid #000;
  box-sizing: border-box;
  color: #45444a !important;
  width: 14%;
  font-family: "LatoWebBold" !important;
  font-size: 16pt !important;
  text-align: center;
}
#region-div-responsive .column a,
#region-div-responsive .column a:visited {
  font-family: "LatoWebBold" !important;
  font-size: 16pt !important;
  text-decoration: none !important;
}
#region-div-responsive .row {
  background: #f3f3f1;
  padding: 23px;
}
#region-div-responsive .location {
  margin-bottom: 0px;
  width: 100%;
  padding: 0px;
  border: 0px;
  box-sizing: border-box;
  text-align: left;
  margin-top: -6px;
}
#region-div-responsive .line {
  width: 100%;
  margin-left: 0px;
  margin-bottom: 10px;
  border-bottom: 0.8pt solid #df0021;
  height: 0.01rem;
  margin-top: -20px;
  position: relative;
  overflow: visible;
}
#region-div-responsive .column div {
  font-size: 14pt !important;
}
#region-div-responsive .column .precis {
  font-family: "LatoWeb" !important;
}
#region-div-responsive .column .icon {
  text-align: left;
}
#region-div-responsive .column .rain {
  text-align: right;
}
#region-div-responsive .column .icon img {
  width: 100%;
  height: 100%;
}
#region-div-responsive .column .temp_min {
  color: #000080 !important;
}
#region-div-responsive .column .temp_max {
  color: #d53333 !important;
}
#region-div-responsive .column .precip,
#region-div-responsive .column .rain {
  color: #007700 !important;
}
#region-div-responsive .right-arrow:before {
  content: url(/styles/icons/elders/common/right-arrow.png);
  transform: scale(.7);
  margin-top: -30px;
  display: block;
  float: right;
}
.map-data-div-resp .column .location,
.map-data-div-resp .column .location a {
  color: #45444a !important;
}
.map-data-resp {
  border: 0.2px solid #000 !important;
  padding: 1px;
  overflow: hidden;
}
@media (min-width: 501px) and (max-width: 750px) {
  #region-div-responsive .column {
    font-size: 14pt !important;
  }
  
  #region-div-responsive .column div {
    font-size: 16pt !important;
  }
  
  #region-div-responsive .data-row {
    margin-bottom: 5px;
    padding-top: 0px;
  }
  
  #region-div-responsive .row .precis-col {
    width: 30%;
    text-align: left;
    margin-left: -10px;
    margin-right: 20px;
  }
  
  #region-div-responsive .column .icon {
    width: 40px;
    height: 40px;
    margin-top: -5px;
  }
  
  #region-div-responsive .location {
    text-align: left;
    margin-left: -8px;
    margin-top: 0px;
  }
  
  #region-div-responsive .right-arrow:before {
    margin-top: -15px;
    margin-right: -5px;
  }
  
  .map-data-resp {
    margin-left: -14px;
  }
  
  .map-data-div-resp .column {
    box-sizing: border-box;
    padding: 2px;
    line-height: 17px;
    width: auto;
    margin: 0 auto;
  }
  
  .map-data-div-resp .column .location,
  .map-data-div-resp .column .location a,
  .map-data-div-resp .column .icon,
  .map-data-div-resp .column .min,
  .map-data-div-resp .column .max,
  .map-data-div-resp .column .temp {
    font-family: "LatoWeb" !important;
    font-size: 12pt !important;
    margin: 0px !important;
    margin-left: -3px !important;
    text-decoration: none !important;
  }
  
  .map-data-div-resp .column .icon {
    width: 37%;
  }
  
  .map-data-div-resp .forecast-9770 {
    margin-left: 10px;
    margin-top: -5px;
  }
  
  .map-data-div-resp .forecast-9401 {
    margin-left: -22px;
    margin-top: 21px;
  }
  
  .map-data-div-resp .forecast-9028 {
    margin-left: 16px;
  }
}
@media (min-width: 321px) and (max-width: 500px) {
  .header .header-content {
    margin-top: 5px;
  }
  
  #region-div-responsive .right-arrow:before {
    transform: scale(.6);
  }
  
  #region-div-responsive .column {
    font-size: 14pt !important;
  }
  
  #region-div-responsive .data-row {
    margin-bottom: 15px;
    padding-top: 0px;
  }
  
  #region-div-responsive .row .precis-col {
    width: 24%;
    text-align: center;
    margin-left: -10px;
    margin-right: 10px;
    padding: 5px;
    padding-right: 0px;
    padding-left: 0px;
  }
  
  #region-div-responsive .column .icon {
    margin-top: -5px;
    margin-left: 3px;
  }
  
  #region-div-responsive .column .icon {
    width: 40px;
    height: 40px;
  }
  
  #region-div-responsive .location {
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
  }
  
  #region-div-responsive .right-arrow:before {
    margin-top: -15px;
    margin-right: -5px;
  }
  
  .map-data-div-resp .column {
    line-height: 0px;
    border: 0px;
  }
  
  .map-data-div-resp .icon-col {
    padding: 0px;
    padding-right: 10px;
    padding-left: 5px;
  }
  
  .map-data-div-resp .column .location,
  .map-data-div-resp .column .location a,
  .map-data-div-resp .column .icon,
  .map-data-div-resp .column .min,
  .map-data-div-resp .column .max,
  .map-data-div-resp .column .temp {
    font-size: 10pt !important;
  }
  
  .map-data-div-resp .column .icon-x {
    width: 25px;
    height: 25px;
  }
  
  .map-data-div-resp .forecast-9770 {
    margin-left: -26px;
    margin-top: -21px;
  }
  
  .map-data-div-resp .forecast-9477 {
    margin-top: -5px;
    margin-left: -36px;
  }
  
  .map-data-div-resp .forecast-9250 {
    margin-top: -10px;
  }
  
  .map-data-div-resp .forecast-9401 {
    margin-left: -93px;
    margin-top: -5px;
  }
  
  .map-data-div-resp .forecast-9028 {
    margin-top: -13px;
    margin-left: -26px;
  }
  
  .map-data-div-resp .forecast-9528 {
    margin-top: 16px;
    margin-left: -14px;
  }
  
  .map-data-div-resp .forecast-9154 {
    margin-top: -21px;
  }
  
  .map-data-div-resp .forecast-9329 {
    margin-top: 4px;
    margin-left: -53px;
  }
  
  .map-data-div-resp .forecast-9186 {
    margin-left: -47px;
  }
  
  .map-data-div-resp .forecast-9527 {
    margin-top: -15px;
    margin-left: -38px;
  }
  
  #region-div-responsive .row {
    padding: 10px;
  }
}
@media (min-width: 376px) and (max-width: 420px) {
  .map-data-div-resp .forecast-9770 {
    margin-left: 20px;
    margin-top: 6px;
  }
  
  .map-data-div-resp .forecast-9477 {
    margin-top: 21px;
    margin-left: -12px;
  }
  
  .map-data-div-resp .forecast-9250 {
    margin-top: 19px;
    margin-left: 46px;
  }
  /*  perth */
  
  .map-data-div-resp .forecast-9528 {
    margin-top: -4px;
    margin-left: -14px;
  }
  /* adelaide */
  
  .map-data-div-resp .forecast-9401 {
    margin-left: -62px;
    margin-top: 39px;
  }
  /* canberra */
  
  .map-data-div-resp .forecast-9028 {
    margin-top: 16px;
    margin-left: 16px;
  }
  /* hobart */
  
  .map-data-div-resp .forecast-9329 {
    margin-top: 31px;
    margin-left: 7px;
  }
  /* alice spring */
  
  .map-data-div-resp .forecast-9154 {
    margin-top: 7px;
    margin-left: 25px;
  }
  /* cairns */
  
  .map-data-div-resp .forecast-9186 {
    margin-left: -4px;
  }
  /* broome */
  
  .map-data-div-resp .forecast-9527 {
    margin-top: -5px;
    margin-left: -25px;
  }
}
@media (min-width: 376px) and (max-width: 500px) {
  #region-div-responsive .column div {
    /*font-size: 14pt !important;*/ /*WXENG-1045*/
    font-size: 11pt !important;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  #region-div-responsive .column div {
    /*font-size: 12pt !important;*/
    font-size: 10pt !important;
  }
}
@media (max-width: 320px) {
  #region-div-responsive .right-arrow:before {
    transform: scale(.6);
  }
  
  #region-div-responsive .column {
    font-size: 13pt !important;
  }
  
  #region-div-responsive .column div {
    /*font-size: 13pt !important;*/
    font-size: 10pt !important;
  }
  
  #region-div-responsive .data-row {
    margin-bottom: 15px;
    padding-top: 0px;
  }
  
  #region-div-responsive .row .precis-col {
    width: 24%;
    text-align: center;
    margin-left: -10px;
    margin-right: 10px;
    padding: 5px;
    padding-right: 0px;
    padding-left: 0px;
  }
  
  #region-div-responsive .column .icon {
    margin-top: -5px;
    margin-left: 3px;
    width: 35px;
    height: 35px;
  }
  
  #region-div-responsive .location {
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
  }
  
  #region-div-responsive .right-arrow:before {
    margin-top: -15px;
    margin-right: -5px;
  }
  
  .map-data-div-resp .column {
    line-height: 0px;
    border: 0px;
  }
  
  .map-data-div-resp .icon-col {
    padding: 0px;
    padding-right: 10px;
    padding-left: 5px;
  }
  
  .map-data-div-resp .column .location,
  .map-data-div-resp .column .location a,
  .map-data-div-resp .column .icon,
  .map-data-div-resp .column .min,
  .map-data-div-resp .column .max,
  .map-data-div-resp .column .temp {
    font-family: "LatoWebBold" !important;
    font-size: 8.5pt;
  }
  
  .map-data-div-resp .column .icon-x {
    width: 20px;
    height: 20px;
  }
  
  .map-data-div-resp .forecast-9770 {
    margin-left: -54px;
    margin-top: -37px;
  }
  
  .map-data-div-resp .forecast-9477 {
    margin-top: -31px;
    margin-left: -36px;
  }
  
  .map-data-div-resp .forecast-9250 {
    margin-top: -19px;
    margin-left: -33px;
  }
  
  .map-data-div-resp .forecast-9401 {
    margin-left: -102px;
    margin-top: -16px;
  }
  
  .map-data-div-resp .forecast-9028 {
    margin-top: -32px;
    margin-left: -53px;
  }
  
  .map-data-div-resp .forecast-9528 {
    margin-top: -3px;
    margin-left: -14px;
  }
  
  .map-data-div-resp .forecast-9154 {
    margin-top: -21px;
  }
  
  .map-data-div-resp .forecast-9329 {
    margin-top: -30px;
    margin-left: -53px;
  }
  
  .map-data-div-resp .forecast-9186 {
    margin-left: -47px;
  }
  
  .map-data-div-resp .forecast-9527 {
    margin-top: -10px;
    margin-left: -38px;
  }
  
  #region-div-responsive .row {
    padding: 10px;
  }
}

/* end national */

/* warnings */
#wz .sidebar li.national-warnings h3,
#wz ol#sidebarmodules li.desktop,
#right-col .rhsbox .recent-warnings ul li .warningslink,
#wz .main .posts .line,
#wz .shareable-page {
  display: none;
}
#wz ol#sidebarmodules li {
  width: 100%;
  margin: 0;
  padding: 0;
}
#wz .sidebar #right-col {
  width: 100%;
  padding: 10px;
}
#wz .sidebar #right-col .rhsbox {
  margin-top: 0px;
  float: center;
  width: 100%;
  margin-top:15px;
}
#wz .sidebar #right-col .eld-button {
  background-color: #df0021;
  border: none;
  color: #fff;
  padding: 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: "LatoWebBold";
  font-size: 18px;
  margin: 4px 0px;
  cursor: pointer;
  border-radius: 4px;
}
#wz .sidebar #right-col .eld-button a,
#wz .sidebar #right-col .eld-button a:visited {
  font-family: "LatoWebBold";
  font-size: 18px;
  text-decoration: none;
  color: #fff;
}
#wz .main .posts pre {
  line-height: 15px;
  margin: 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
#wz .main .posts .day {
  margin: 10px;
  color: #000;
  font-size: 10pt;
}
#wz .main .posts .shareable-headline {
  width: 100%;
  background: #df0021;
  padding: 15px 10px 0px 10px;
  margin: 0px 10px 10px 0px;
  float: left;
  clear: both;
  text-align: left;
}
#wz .main .posts h3 {
  font-size: 11pt;
  color: #fff;
  line-height: 20px;
  padding-bottom: 0px;
}

#wz .main ol#modules li.national-warnings.full .page-title {
 margin-top: 8px;
}

#wz .main ol#modules li.national-warnings.full  .page-title h3{
   padding-top: 0px;
  
}
#wz ol#modules li.national-warnings.full  #warnings-nav{
    margin-top: 55px;
}

#wz .main ol#modules li.national-warnings.full  #warnings-nav #warnings-dropdown {
  z-index: 0 !important;
}

#wz .main .posts .headline-container .shareable-headline {
    position: fixed;
    z-index: 1;
}
#wz .main .posts pre.wleading {
  margin-top: 80px;
}

#wz .main .national-warnings h3,
#wz .main .warnings {
  margin: 10px;
}
#wz .main .national-warnings h3 {
  font-family: "LatoWeb";
  font-style: normal;
  font-size: 10pt;
  color: #000;
}
#wz .main .warnings .posts a:last-child .row,
#wz .main .warnings .posts p.no_data{
  clear:both;
  margin-bottom:40px;
}
#wz .main .warnings .posts .row .datetime {
  width: 100%;
}
#wz .main .warnings .posts .row .message {
  float: left;
  width: 100%;
}
#wz .main .page-title,
#wz .main #warnings-nav {
  border: none;
  color: #fff;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px;
}
#wz .main .page-title h3 {
  color: #fff !important;
  font-size: 14pt;
  color: #000;
  margin-left: 10px;
  border-bottom: 0px;
  padding-top: 0.55em;
}
#wz .main .page-title {
  background-color: #df0021;
  display: block !important;
  height: 40px;
  position: fixed;
  z-index: 1;
}
/*
#wz .main #warnings-nav {
  background-color: #dcdcdc;
}
*/
.world-select div.worlddrops .country select,
.world-select div.worlddrops .city select, 
#wz .main #satellite-nav #satellite-dropdown, 
#wz .main #radar-nav #radar-dropdown, 
#wz .main #warnings-nav #warnings-dropdown,
#wz  .main #world-map-table-nav #continent-dropdown
#wz .national #national-dropdown
{
  position: relative;
  float: left;
  margin: 5px;
  width: 97%;
  z-index: 1;
  background: #fff;
  background-clip: padding-box;
  border: 2px solid #df0021;
  border-radius: 5px;
  display: block;
  height: 2.8rem;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  cursor: pointer;
}

#wz .main .national-warnings ul.sf-menu {
  display: flex;
}
#wz .main .national-warnings ul.sf-menu li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  border-radius: 2px 2px 0 0;
  background: white;
  opacity: 0.7;
  transition: all 0.1s ease-in-out;
  width: 100%;
}
#wz ol#modules .national-warnings ul.sf-menu li {
  width: auto;
  min-width: 11.6%;
}
#wz .main .national-warnings ul.sf-menu li a {
  font-size: 9pt;
  color: #000;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#wz ol#modules ul.sf-menu li {
  width: 12.5%;
}
#wz ol#modules ul.sf-menu li a {
  font-size: 6pt;
}
@media (min-width: 320px) and (max-width: 359px) {
  #wz ol#modules .national-warnings ul.sf-menu li {
    min-width: 11.6%;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  #wz ol#modules .national-warnings ul.sf-menu li {
    min-width: 12.2%;
  }
}
@media (min-width: 375px) and (max-width: 410px) {
  #wz ol#modules .national-warnings ul.sf-menu li {
    min-width: 12.35%;
  }
}
@media (min-width: 411px) and (max-width: 500px) {
  #wz ol#modules .national-warnings ul.sf-menu li {
    min-width: 12.5%;
  }
}

/* end warnings */

/*===================radar====================== */
.weatherzone-container {
  display: flex;
  margin: 10px;
}
.weatherzone-widget {
  flex: 0 0 auto;
  width: 100%;
  max-width: 40em;
  height: 40em;
}
#wz div.districts {
  margin-left: 10px;
}

/* end radar */

/* WXENG-772 */
#wz ol#modules li.extend-almanac {
  width: 97% !important;
  float: left;
  /*margin-left: 10px;*/
}

/* sun moon */
#wz ol#modules li.year-to-date {
  margin-top: 0px;
}
/*
#wz ol#modules li.sunrise-sunset>h3,
#wz table { 
  display: none;
}
*/
#wz ol#modules li.sunrise-sunset>h3{
  display: none;
}

#wz ol#modules li.sunrise-sunset {
  width: 100%;
}
#wz ol#modules li.sunrise-sunset .row {
  font-family: "LatoWeb";
  font-style: normal;
  font-size: 8.1pt;
  text-align: center;
  color: #fff;
  margin-top: 0px;
  border: 0px;
}
#wz ol#modules li.sunrise-sunset .row,
#wz ol#modules li.sunrise-sunset .next-occurence {
  display: flex;
  border-bottom: 0.5pt solid #f5f5f5;
}
#wz ol#modules li.sunrise-sunset .row .column {
  float: left;
  text-align: center;
  background: #fff;
  border: 1px solid #f5f5f5;
}
#wz ol#modules li.sunrise-sunset .row .column {
  width: 25%;
  margin-left: 0px;
  border-bottom: 0px;
}
#wz ol#modules li.sunrise-sunset .row .column .title {
  width: 100%;
  text-transform: uppercase;
  background: #97979A;
  font-size: 12pt;
  padding: 10px;
  color: #fff;
}
#wz ol#modules li.sunrise-sunset .row .col-title {
  background: #adacae;
}
#wz ol#modules li.sunrise-sunset .row .moonphase {
  width: 100%;
  padding: 5px;
  margin-bottom: 15px;
}
#wz ol#modules li.sunrise-sunset .row .column div,
#wz ol#modules li.sunrise-sunset .next-occurence div {
  padding: 10px 0px 10px 0px;
  width: 100%;
  color: #fff;
  text-transform: capitalize;
  font-family: "LatoWebBold";
  font-size: 11pt;
}
#wz ol#modules li.sunrise-sunset .row .column .icon,
#wz ol#modules li.sunrise-sunset .next-occurence .column .icon {
  color: #000;
}
#wz ol#modules li.sunrise-sunset .row .column .icon span {
  margin-bottom: 10px;
}
#wz .main ol#modules #sun-moon-responsive {
  display: block !important;
  margin: 10px;
}
#wz ol#modules li.seven-day-forecast h3,
#wz .main ol#modules #sun-moon-responsive h3 {
  font-size: 14pt;
  font-family: "LatoWebBold";
  margin-bottom: 5px;
}
#wz ol#modules li.seven-day-forecast h3 {
  margin-left: 10px;
}
#wz ol#modules li.sunrise-sunset .next-occurence .column {
  width: 16.66%;
  border-bottom: 0px;
}
#wz ol#modules li.sunrise-sunset .moonphase-row {
  margin-bottom: 15px;
}
@media (min-width: 376px) {
  #wz ol#modules li.sunrise-sunset .row .column div,
  #wz ol#modules li.sunrise-sunset .next-occurence div {
    font-size: 12pt;
  }
}

/* end sun moon */

/*  12-month rainfall */
#wz ol#modules li.location-rain-forecast-28-days .rainfall-explanation,
#wz ol#modules li.location-rain-forecast-12-months .rainfall-explanation {
  padding: 20px;
}
.rain-forecast-left {
  width: 100%;
  padding: 10px;
  margin-left: 5px;
  margin-top: -10px;
}
.rain-forecast-right {
  width: 100%;
  margin-left: 0px;
  padding: 10px;
  padding-right: 15px;
  padding-top: 0px;
}
div#raincal div.twelve-month-rain-legend-text {
  width: 79%;
}
#wz ol#modules li.location-rain-forecast-28-days,
#wz ol#modules li.location-rain-forecast-12-months,
#wz ol#modules li.long-range-rainfall-forecast {
  width: 100%;
}
#wz ol#modules li.admin-generated-content-full-page .col-1-left h3,
#wz ol#modules li.location-rain-forecast-28-days h3,
#wz ol#modules li.location-rain-forecast-12-months h3 {
  background: #df0021;
  color: #fff;
  margin-top: 0px;
  padding: 10px;
  width: 100%;
}

#wz ol#modules li.location-rain-forecast-12-months .page-title h3 {
  background: #df0021;
  color: #fff;
  margin-top: -2px;
  padding: 10px;
  width: 100%;
  font-size: 14pt;
}


/*  end 12-month rainfall */

/*  7-day forecast */
#wz ol#modules li.full,
#wz ol#modules li.seven-day-forecast,
#wz ol#modules li.seven-day-forecast #seven-day-forecast-heading {
  width: 100%
}
#wz ol#modules li.seven-day-forecast .tertiary-menu div {
  float: left;
}
#wz ol#modules li.seven-day-forecast h3 {
  margin-left: 0px;
  margin-bottom: 10px;
}
#wz ol#modules li.seven-day-forecast {
  padding: 0px 10px 0 10px;
}

/*  end 7-day forecast */

/* 7 day forecast */
.forecast_row {
  margin-bottom: 50px;
}
.forecast_extend {
  margin-top: 15px;
}
.forecast_main_1 {
  height: 54px;
  border-bottom: 1px solid #df0021;
  margin-top: 25px;
}
forecast_main_2 {
  height: 120px;
}
.forecast_main_3 {
  height: 120px;
}
.forecast_image,
.forecast_date,
.forecast_min,
.forecast_max {
  float: left;
  text-align: center;
  height: 100%;
}
li.seven-day-forecast .forecast_max:after-x {
  float: left;
  display: inline-block;
  transform: scale(.3) !important;
  margin-top: -20px !important;
  margin-left: 0px !important;
  content: url(/styles/images/mla/triangle_down.png);
}
li.seven-day-forecast .forecast_main_1 .forecast_date_text_last {
  padding-right: 14px;
}
li.seven-day-forecast .forecast_main_1 .forecast_date_text_last:after {
  float: right;
  display: inline-block;
  margin-top: -30px !important;
  margin-left: 22px !important;
  content: url('/styles/icons/elders/common/right-arrow.png');
  -moz-transform: scale(0.5) rotate(90deg);
  -webkit-transform: scale(0.5) rotate(90deg);
  -o-transform: scale(0.5) rotate(90deg);
  -ms-transform: scale(0.5) rotate(90deg);
  transform: scale(0.5) rotate(90deg);
}
li.seven-day-forecast .forecast_main_1 .forecast_date_text_last.changed:after {
  -moz-transform: scale(0.5) rotate(270deg);
  -webkit-transform: scale(0.5) rotate(270deg);
  -o-transform: scale(0.5) rotate(270deg);
  -ms-transform: scale(0.5) rotate(270deg);
  transform: scale(0.5) rotate(270deg);
}
.forecast_date_text {
  width: 27%;
  /*height: 100%;*/
  
  float: left;
  margin-top: -10px;
}
#wz ol#modules li.seven-day-forecast .forecast_date {
  font-size: 8pt;
  height: 45%;
  color: black;
  text-transform: uppercase;
  margin-top: 0px;
  text-align: left;
  font-family: "LatoWebBold";
}
#wz ol#modules li.seven-day-forecast .forecast_day {
  padding-top: 5%;
  height: 45%;
  width: 100%;
  font-size: 12pt;
  text-align: left;
  display: flex;
  align-items: center;
  color: black;
  text-transform: uppercase;
  font-family: "LatoWebBold";
}
#wz ol#modules li.seven-day-forecast .forecast_image {
  width: 19%;
  margin-top: -23px;
}
.forecast_image img {
  width: 75%;
  margin-top: 10px;
}
li.seven-day-forecast .forecast_min,
li.seven-day-forecast .forecast_max {
  width: 100%;
  font-size: 12pt;
  display: flex;
  align-items: center;
  font-family: "LatoWebBold";
  text-align: left;
  margin-left: 23px;
  margin-top: 5px;
}
li.seven-day-forecast .forecast_min,
li.seven-day-forecast .forecast_min span {
  color: #000080;
  font-family: "LatoWebBold";
}
li.seven-day-forecast .forecast_max,
li.seven-day-forecast .forecast_max span {
  color: #d53333;
  font-family: "LatoWebBold";
}
li.seven-day-forecast .forecast_max {
  margin-left: 0px;
  margin-bottom: 3px;
}
li.seven-day-forecast .forecast_precise {
  width: 100%;
  font-size: 11pt;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.forecast_rain {
  float: left;
  width: 50%;
  height: 100%;
  margin: 0;
  background: #E7F3FF;
}
li.seven-day-forecast .forecast_rain_chance,
li.seven-day-forecast .forecast_rain_amount {
  width: 100%;
  font-size: 10pt;
  text-align: left;
  color: #007700;
  margin-left: 0px;
  font-family: "LatoWebBold";
}
li.seven-day-forecast .forecast_rain_chance span,
li.seven-day-forecast .forecast_rain_amount span {
  margin-left: -5px;
  color: #007700;
  font-family: "LatoWebBold";
}
li.seven-day-forecast .forecast_rain_chance:before {
  float: left;
  display: inline-block;
  transform: scale(.4) !important;
  margin-top: -7px !important;
  margin-left: 13px !important;
  content: url(/images/elders/rainfall.png);
}
.forecast_rain_amount {
  line-height: 100%;
 /* margin-top: -10px; */
}
.forecast_sun_left,
.forecast_sun_right {
  width: 50%;
  float: left;
  height: 100%;
}
.forecast_first_light,
.forecast_sunrise,
.forecast_sunset,
.forecast_last_light {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 10px;
}
.forecast_extend_middle div {
  text-transform: uppercase;
  color: #000;
  font-weight: normal;
  font-family: "LatoWeb";
  font-style: normal;
  font-size: 8pt;
}
.forecast_extend_bottom div {
  color: #000;
  margin-top: 2px;
  margin-bottom: 10px;
}
.forecast_first_light,
.forecast_last_light {
  color: #A2A1A1
}
.forecast_extend_top {
  margin-left: 30px;
  margin-right: 30px;
}
.forecast_extend_uv,
.forecast_extend_frost {
  width: 50%;
  float: left;
}
.forecast_extend_uv_key {
  height: 40px;
}
.forecast_extend_uv_key.low:before {
  content: url('/styles/icons/elders/uv/uv-low.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -30px;
  margin-top: -30px;
}
.forecast_extend_uv_key.moderate:before {
  content: url('/styles/icons/elders/uv/uv-moderate.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -30px;
  margin-top: -30px;
}
.forecast_extend_uv_key.high:before {
  content: url('/styles/icons/elders/uv/uv-high.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -30px;
  margin-top: -30px;
}
.forecast_extend_uv_key.very-high:before {
  content: url('/styles/icons/elders/uv/uv-very-high.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -30px;
  margin-top: -30px;
}
.forecast_extend_uv_key.extreme:before {
  content: url('/styles/icons/elders/uv/uv-extreme.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -30px;
  margin-top: -30px;
}
.forecast_extend_frost_key.nil:before {
  /*content: url('/styles/icons/elders/frost/frost-nil.png');*/
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_frost_key.low:before {
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_frost_key.slight:before {
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_frost_key.moderate:before {
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_frost_key.high:before {
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_frost_key.severe:before {
  content: url('/styles/icons/elders/frost/frost.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key.light:before {
  content: url('/styles/icons/elders/wind_new/wind-light.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key.moderate:before {
  content: url('/styles/icons/elders/wind_new/wind-moderate.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key.gale:before {
  content: url('/styles/icons/elders/wind_new/wind-gale.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key.strong:before {
  content: url('/styles/icons/elders/wind_new/wind-moderate.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key.hurricane:before {
  content: url('/styles/icons/elders/wind_new/wind-hurricane.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_wind_key:before {
  content: url('/styles/icons/elders/wind_new/wind-moderate.png');
  transform: scale(0.3);
  display: block;
  float: left;
  margin-left: -16px;
  margin-top: -30px;
}
.forecast_extend_rh_key:before {
  content: url('/styles/icons/elders/common/rel-humidty@2x.png');
  transform: scale(0.46);
  display: block;
  float: left;
  margin-left: -12px;
  margin-top: -13px;
}
.forecast_extend_rh2_key,
.forecast_extend_rh2_value,
.forecast_extend_rh_key,
.forecast_extend_rh_value,
.forecast_extend_wind_key,
.forecast_extend_wind_value,
.forecast_extend_wind2_key,
.forecast_extend_wind2_value,
.forecast_extend_uv_key,
.forecast_extend_uv_value,
.forecast_extend_frost_key,
.forecast_extend_frost_value {
  width: 100%;
  float: left;
  font-size: 10pt;
  text-align: left;
  color: #6A6A6A;
}
.forecast_extend_wind_key span,
.forecast_extend_wind_value span,
.forecast_extend_rh_key span,
.forecast_extend_rh_value span,
.forecast_extend_rh2_key span,
.forecast_extend_rh2_value span,
.forecast_extend_uv_key span,
.forecast_extend_uv_value span,
.forecast_extend_frost_key span,
.forecast_extend_frost_value span {
  margin-left: -23px;
}
.forecast_extend_rh_key,
.forecast_extend_wind_key {
  margin-top: -20px;
}
.forecast_extend_rh_key span {
  margin-left: -9px;
}
.forecast_extend_rh2_key {
  margin-top: -20px;
  margin-left: 60px;
}
.forecast_extend_wind_value,
.forecast_extend_rh_value,
.forecast_extend_wind2_value,
.forecast_extend_rh2_value,
.forecast_extend_uv_value,
.forecast_extend_frost_value {
  font-weight: bold;
}
.forecast_extend_rh2_value {
  margin-left: 62px;
  margin-top: 0px;
}
.forecast_extend_wind2_key {
  margin-left: 50px;
  margin-top: -23px;
}
.forecast_extend_wind2_value {
  margin-top: -4px;
  margin-left: 50px;
}
.forecast_extend_wind_value,
.forecast_extend_rh_value,
.forecast_extend_frost_value {
  margin-left: 74px;
  margin-top: -49px;
}
.forecast_extend_rh_value {
  margin-left: 62px;
  margin-top: -30px;
}
.forecast_extend_uv_value {
  margin-left: 60px;
  margin-top: -23px
}
.forecast_extend_middle,
.forecast_extend_bottom {
  width: 100%;
  float: left;
  background-color: rgba(224, 224, 224, 0.8);
}
.forecast_extend_left_wind,
.forecast_extend_right_wind {
  height: 130px;
}
.forecast_extend_left,
.forecast_extend_right,
.forecast_extend_left_wind,
.forecast_extend_right_wind {
  width: 50%;
  font-weight: bold;
}
.forecast_extend_left,
.forecast_extend_left_wind {
  width: 50%;
  background: #E1E5E8;
}
.forecast_extend_right,
.forecast_extend_right_wind {
  width: 50%;
  background: #F6F4F4;
}
.forecast_extend_left_wind span,
.forecast_extend_right_wind span {
  background-color: transparent;
  background-size: 70px;
}
.forecast_extend_full {
  width: 100%;
  background: #C7CACD;
}
.forecast_extend_button {
  height: 50px;
  margin-left: 30px;
  margin-right: 30px;
  background: #969FA6 url(/styles/images/mla/triangle_down.png) no-repeat center;
  background-size: 50px;
}

/* END 7 day forecast */



/* past 5 days */
#wz ol#modules li.pass-5-days-temperature-rain {
  width: 100% !important;
  float: left;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days {
  display: block;
  width: 98%;
  margin: 5px;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody {
  width: 100% !important;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr {
  width: 100% !important;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr th:first-child {
  /*width: 22%  !important;*/
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr.detail th:first-child {
  font-size: 11px;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr th:nth-child(2) {
  width: 28% !important;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr th:nth-child(3) {
  width: 28% !important;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days tbody tr th:nth-child(4) {
  width: 28% !important;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days th {
  padding: 0.5em 0.75em 0.25em 0.75em;
}
#wz ol#modules li.extend-almanac table.almanac {
  width: 98% !important;
}
#wz li.seven-day-forecast div.mobile_menu {
  float: left;
  padding-bottom: 0px;
  padding-top: 2px;
  width: 100%;
  border: 0px;
}
#wz li.seven-day-forecast div.mobile_menu div.menu-bar {
  width: 100%;
  margin: 5px 10px 10px 0px;
}
#wz ol#modules li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain h2,
#wz ol#modules li.extend-almanac h2.ff_warning_header {
  font-size: 14pt;
  font-family: "LatoWebBold";
  margin-bottom: 5px;
  margin-left: 10px;
}
table.almanac {
  margin-left: 10px;
}

/* apps */
#wz ol#modules li.admin-generated-content-full-page .col-1-left .data-sources,
#wz ol#modules li.admin-generated-content-full-page .col-1-left .advertise,
#wz ol#modules li.admin-generated-content-full-page .col-1-left .app-info {
  margin: 23px;
  margin-top:55px;
}
.col-1-left .app-logo .appstore-logo {
  float: left;
  width: 45%;
  height: 50%;
}
.col-1-left .app-logo .playstore-logo {
  float: right;
  width: 50%;
  height: 50%;
  margin-top: -10px;
  margin-right: -5px;
}

/* data source */
#wz ol#sidebarmodules li.admin-generated-content.teaser {
  display: block;
}

.reference.desktop,
#wz ol#sidebarmodules li.admin-generated-content.teaser h3,
#wz ol#sidebarmodules li.admin-generated-content.teaser .latestnews {
  display: none;
}
.reference.reference-resp {
  /*margin-top: 15px;*/
  
  display: block !important;
  width: 100%;
}
.data-source {
  width: 100%;
  background: #0c5483;
  padding: 5px;
  color: #fff;
  text-align: left;
}
.data-source span {
  font-family: "LatoWebBold";
  color: #fff;
}
.data-source-link {
  width: 100%;
  background: #156795;
  padding: 5px;
  color: #fff;
  text-align: left;
}
.data-source-link a {
  color: #fff !important;
  text-decoration: none !important;
}
.wz-logo {
  text-align: center;
  margin-top: 10px;
}
.wz-logo a {
  color: #fff !important;
  text-decoration: none !important;
}
.reference .wz {
  float: none !important;
}

/* WXENG-833 */
#wz div.main .dam .map {
  float: left;
  width: 100%;
  margin-right: 23px;
}
#wz div.main .dam .level {
  float: left;
  width: 100%;
  margin-right: 23px;
}
#wz div.main .dam .level h4,
#wz div.main .dam .level .updated {
  margin: 4px 5px;
}
#wz .dam-levels h3 {
  position: fixed;
  width: 100%;
  background: #df0021;
  padding: 10px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  margin-top: 8px !important;
  font-weight: bold;
}
#wz .dam-levels .dam {
  margin-top: 60px;
}
#wz .dam-levels h3 a.set_your_location {
  display: none;
}
#wz div.main .dam .level table {
  display: block;
}

/* news */
#wz div.main h3.news-header {
   position: fixed;
   width: 100%;
  display: block !important;
  background: #df0021;
  margin-top: 8px;
  padding: 10px;
  margin-bottom: 0px;
}
#page_heading_request.news-header {
  position: fixed;
  width:100%;
  background: #df0021;
  padding: 10px;
  height: 40px;
  margin-top: 8px !important;
  border: 0px;
}
#wz ol#modules li.national-weather-news.full{
   margin-top: 45px;
}
#wz div.main h3.news-header,
#page_heading_request.news-header h1 {
  color: #fff;
  font-size: 13pt;
  font-family: "LatoWebBold";
  border: 0px;
}
#wz ol#modules li.national-weather-news div#feature,
#wz ol#modules li.national-weather-news ul.news {
  margin: 10px !important;
}
#wz ol#modules li.national-weather-news h3 a {
  color: #df0021;
  font-size: 13pt;
  font-family: "LatoWebBold";
  line-height: 20px;
  margin-bottom: 5px;
}
#wz ol#modules li.national-weather-news .day {
  color: #000;
}
#wz ol#modules li.national-weather-news .readmore {
  text-decoration: underline;
  text-transform: capitalize;
  color: #000;
  font-family: "LatoWebBold";
}
#wz ol#modules li.national-weather-news .line {
  display: none;
}
#wz div.main .weather_news .news {
  padding: 0px;
  margin: 0px;
}
#wz div.main .weather_news .news img {
  width: 100% !important;
  height: 100% !important;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}
#wz div.main .weather_news {
  margin: 10px;
  margin-top: 50px;
}
#past24hours_observation table {
  display: block;
  width: 100% !important;
}
#wz ol#modules li.location-forecast-next-24-hours .part_day_forecast_graph h4 {
  padding-left: 26px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* WXENG-828 */
#wz ol#modules li.national-warnings #right-col .rhsbox {
  overflow: hidden;
  background: #f5f5f5;
  float: left;
  clear: both;
  width: 95%;
  padding: 15px;
  margin: 10px;
}

/* WXENG-834 */
#wz div#search_locations li input {
  display: none;
}
#wz div#search_box {
  float: none;
  width: 100%;
  display: none;
}
#wz div#search_box ol {
  width: 100% !important;
  float: left;
  height: 50px;
}
#wz div#search_box ol li {
  float: left;
  width: 100%;
}
#wz div#search_box li input {
  width: 95% !important;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  background-color: #eee;
  border: 0px solid #eee;
  text-align: center;
}
#wz div#search_box fieldset {
  margin: 0;
}
#wz div#search_box span {
  float: right;
  margin-right: 10px;
  margin-top: 15px;
}
#wz div#search_box ol li.button button {
  background-image: url(/images/elders/searching_grey.png);
  background-repeat: no-repeat;
  background-position: 30% 20%;
  border: 0 !important;
  width: 45px !important;
  height: 45px !important;
  margin-top: -42px;
  margin-left: 29%;
  transform: scale(0.4);
  background-color: #eee;
}
#wz div#search_box .mobile_menu h4 {
  padding: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.25;
  margin: 0px 10px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #df0021;
  text-transform: capitalize;
}

/* LWP by arahman */
#wz .obscast .observation .location .update {
  color: #000;
}
#wz .obscast .observation .now .other .trend {
  margin-left: 95px;
  margin-top: -29px;
}
#wz .obscast .observation .now .other {
  margin: 0px;
}
#wz .obscast .observation .now .other .feelslike {
  margin-top: -12px;
  font-size: 15pt;
  text-transform: capitalize;
}
#wz .obscast .observation .obs {
  margin: 10px;
  text-align: center;
  margin-bottom: 15px;
}
#wz .obscast .observation .obs .left,
#wz .obscast .observation .obs .right {
  width: 33.33%;
  padding: 7px 0px 0px 0px;
}
#wz .obscast .observation .obs .left .icon,
#wz .obscast .observation .obs .right .icon {
  display: none;
}
.obscast .observation .obs .left .attribute,
.obscast .observation .obs .right .attribute {
  float: left;
  width: 100%;
}
#wz .obscast .observation .obs .right .attribute::before,
#wz .obscast .observation .obs .left .attribute::before {
  background-size: auto;
  display: inline-block;
  width: 30px;
  height: 30px;
  content: "";
  margin-bottom: -5px;
}
#wz .obscast .observation .obs .left .attribute.dew-point::before {
  background: url('/images/elders/dew-point@2x.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .left .attribute.rh::before {
  background: url('/images/elders/rel-humidty@2x.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .left .attribute.wind::before {
  background: url('/styles/icons/elders/wind_new/wind-light.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .right .attribute.wind-gusts::before {
  background: url('/images/elders/wind-gusts@2x.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .right .attribute.pressure::before {
  background: url('/images/elders/pressure@2x.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .right .attribute.rainfall::before {
  background: url('/images/elders/rain-9am@2x.png') no-repeat bottom;
  background-size: 22px 22px;
}
#wz .obscast .observation .obs .right .attribute .name,
#wz .obscast .observation .obs .left .attribute .name {
  margin-left: 30px;
  margin-top: -25px;
}
#wz .obscast .observation .obs .right .attribute .value,
#wz .obscast .observation .obs .left .attribute .value {
  margin-left: 30px;
}
#wz .obscast .observation .now {
  margin-bottom: 10px;
}

/*  climate */
#wz div.main .agriculture h3 {
  background-color: #df0021;
  display: block !important;
  color: #fff;
  margin-top: 10px;
  text-align: left;
  padding: 10px;
  margin-bottom: 5px;
}
#wz div.main #agri_buttons img,
#wz div.main .agriculture ul.sf-menu {
  width: 100%;
}
#wz div.main #agri_buttons div {
  margin: 10px;
}
#wz div.main #agri_buttons .agri-submenu {
  margin: 0px;
}
#wz div.main .agriculture ul.sf-menu li {
  width: 25%;
}
#wz div.main #agri_buttons .agri-submenu {
  margin-right: 10px;
}

@media only screen and (min-device-width: 668px) and (max-device-width: 767px) and (orientation: landscape) {
  .map-data-resp {
    margin-left: -14px;
  }
  
  .map-data-div-resp .row {
    line-height: 26px;
    height: 26px;
  }
  
  .map-data-div-resp .column {
    box-sizing: border-box;
    padding: 7px;
    line-height: 26px;
    width: auto;
    margin: 0 auto;
    border: 0px !important;
  }
  
  .map-data-div-resp .column .location,
  .map-data-div-resp .column .location a,
  .map-data-div-resp .column .icon,
  .map-data-div-resp .column .min,
  .map-data-div-resp .column .max,
  .map-data-div-resp .column .temp {
    font-family: "LatoWeb" !important;
    font-size: 13pt !important;
    margin: 0px !important;
    margin-left: -3px !important;
    text-decoration: none !important;
  }
  
  .map-data-div-resp .column .location {
    margin-left: -10px !important;
  }
  
  .map-data-div-resp .column .icon {
    width: 90%;
    margin-left: -9px !important;
  }
  
  .map-data-div-resp .forecast-9770 {
    margin-left: 280px;
    margin-top: 165px;
  }
  
  .map-data-div-resp .forecast-9477 {
    margin-top: 200px;
    margin-left: 260px;
  }
  
  .map-data-div-resp .forecast-9250 {
    margin-top: 130px;
    margin-left: 294px;
  }
  /*  perth */
  
  .map-data-div-resp .forecast-9528 {
    margin-top: 180px;
    margin-left: 40px;
  }
  /* adelaide */
  
  .map-data-div-resp .forecast-9401 {
    margin-top: 152px;
    margin-left: 163px;
  }
  /* canberra */
  
  .map-data-div-resp .forecast-9028 {
    margin-top: 185px;
    margin-left: 260px;
  }
  /* darwin */
  
  .map-data-div-resp .forecast-9110 {
    margin-top: 25px;
    margin-left: 130px;
  }
  /* hobart */
  
  .map-data-div-resp .forecast-9329 {
    margin-top: 220px;
    margin-left: 245px;
  }
  /* alice spring */
  
  .map-data-div-resp .forecast-9154 {
    margin-top: 105px;
    margin-left: 160px;
  }
  /* cairns */
  
  .map-data-div-resp .forecast-9186 {
    margin-top: 32px;
    margin-left: 230px;
  }
  /* broome */
  
  .map-data-div-resp .forecast-9527 {
    margin-top: 52px;
    margin-left: 85px;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 667px) and (orientation: landscape) {
  .map-data-resp {
    margin-left: -14px;
  }
  
  .map-data-div-resp .row {
    line-height: 24px;
    height: 24px;
  }
  
  .map-data-div-resp .column {
    box-sizing: border-box;
    padding: 7px;
    line-height: 24px;
    width: auto;
    margin: 0 auto;
    border: 0px !important;
  }
  
  .map-data-div-resp .column .location,
  .map-data-div-resp .column .location a,
  .map-data-div-resp .column .icon,
  .map-data-div-resp .column .min,
  .map-data-div-resp .column .max,
  .map-data-div-resp .column .temp {
    font-family: "LatoWeb" !important;
    font-size: 11pt !important;
    margin: 0px !important;
    margin-left: -3px !important;
    text-decoration: none !important;
  }
  
  .map-data-div-resp .column .location {
    margin-left: -20px !important;
  }
  
  .map-data-div-resp .column .icon {
    width: 60%;
    margin-left: -5px !important;
  }
  
  .map-data-div-resp .forecast-9770 {
    margin-top: 116px;
    margin-left: 210px;
  }
  
  .map-data-div-resp .forecast-9477 {
    margin-top: 151px;
    margin-left: 190px;
  }
  
  .map-data-div-resp .forecast-9250 {
    margin-top: 91px;
    margin-left: 224px;
  }
  /*  perth */
  
  .map-data-div-resp .forecast-9528 {
    margin-top: 130px;
    margin-left: 35px;
  }
  /* adelaide */
  
  .map-data-div-resp .forecast-9401 {
    margin-top: 110px;
    margin-left: 93px;
  }
  /* canberra */
  
  .map-data-div-resp .forecast-9028 {
    margin-top: 136px;
    margin-left: 190px;
  }
  /* darwin */
  
  .map-data-div-resp .forecast-9110 {
    margin-top: 25px;
    margin-left: 70px;
  }
  /* hobart */
  
  .map-data-div-resp .forecast-9329 {
    margin-top: 181px;
    margin-left: 175px;
  }
  /* alice spring */
  
  .map-data-div-resp .forecast-9154 {
    margin-top: 80px;
    margin-left: 25px;
  }
  /* cairns */
  
  .map-data-div-resp .forecast-9186 {
    margin-top: 30px;
    margin-left: 140px;
  }
  /* broome */
  
  .map-data-div-resp .forecast-9527 {
    margin-top: 40px;
    margin-left: 45px;
  }
}

/*   ad */
#div-gpt-ad-1519968566366-0,
#div-gpt-ad-1519968566366-1 {
  display: none;
}
/* WXENG-1256 */
#mobile_sticky_ad{
 position:fixed;
 bottom:0px;
 width:100%;
 left: 50%;
 transform: translate(-50%, 0);
 border-top: 0.5pt solid #eff2f5;
 background: #fff;
}
#new_weather_m_banner_320x50{
 width: 97.5%;
 padding: 10px;
 overflow: hidden;
}

#weather_m_mrec_300x250,
#weather_m_mrec_300x250-2 {
  float: left;
  display: inline-table;
  width: 100%;
  text-align: center;
  /* WXENG-1256 */
  margin-top: 10px;
  margin-bottom: 10px;
}
#weather_m_mrec_300x250 #div-gpt-ad-1569205873989-0,
#weather_m_mrec_300x250-2 #div-gpt-ad-1582673411053-0 {
  margin: 0 auto;
  margin-bottom: 20px;
}

/* WXENG-858  */
#header {
  top: 0px;
  position: fixed;
  width: 100%;
  z-index: 110;
}
/*
div.mobile-container {
  position: absolute;
  top: 60px;
  z-index: 998;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}*/
div.mobile-container {
  position: absolute;
  top: 60px;
  z-index: 1000;
  min-height: 30vh;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  margin-bottom: 60px;
  -webkit-overflow-scrolling: touch;
}
#wz div.wrapper {
  top: 70px;
}
#header .menu-wrapper {
  height: 30px;
}
#header .menu-wrapper>.location {
  background: #df0021;
  padding: 10px 10px 10px 15px;
  text-align: left;
}
#header .menu-wrapper>.location h3 {
  color: #fff;
}
#header .menu-wrapper>.location div.day {
  color: #aaaab0;
}
#header .menu-wrapper>.local {
  background: #df0021;
  padding: 10px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

/* WXENG-859 */
#header div#search_location {
  position: absolute;
  top: 60px;
  padding: 0 6px;
  z-index: 999;
  clear: both;
  height: 89px;
  background: #df0021;
  width: 100%;
  display: none;
  height: 75px;
}
#header div#search_location ol {
  width: 100% !important;
  float: left;
  height: 50px;
}
#header div#search_location ol li {
  float: left;
  width: 100%;
}
#header div#search_location li input {
  width: 95% !important;
  margin: 15px 12px 0px 10px;
  height: 30px;
  line-height: 30px;
}
#header div#search_location ol li.button button {
  display: none;
}
#header div#search_location span a {
  text-decoration: none;
  text-transform: capitalize;
  color: #fff;
}
#header div#search_location fieldset {
  margin: 0;
}
#header div#search_location span {
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}

/* WXENG-868 */
ol#modules li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain h2 {
  width: 100%;
}
#wz ol#modules li.monthly-historical-observations table.climate_history {
  width: 96% !important;
  font-size: 10px;
  margin-left: 10px;
}
#wz ol#modules li.monthly-historical-observations table.climate_history tbody tr th:first-child {
  width: 5% !important;
  font-size: 10px;
}
#wz ol#modules li.monthly-historical-observations table.climate_history td {
  font-size: 10px;
}
#wz ol#modules li.monthly-historical-observations table.climate_history th {
  font-size: 9px;
}
#wz ol#modules li.monthly-historical-observations ul.tabs {
  margin: 10px !important;
  overflow: hidden;
  width: 100%;
  float: left;
}
table#fixed-layout,
table#fixed-layout tr,
table#fixed-layout tr td {
  font-size: 9px;
  padding-right: 2px;
}
table#fixed-layout,
table#fixed-layout tr,
table#fixed-layout tr th {
  font-size: 9px;
}
.mylocal-icon-bookmarked {
  margin-top: 0px;
  display: block;
  float: right;
  position: relative;
}
.mylocal-icon-bookmark:before {
  content: url(/images/elders/favourite-white-mobile.png);
  transform: scale(0.5);
  display: block;
  float: right;
  right: -20px;
  margin-top: -22px;
}
.mylocal-icon-bookmarked:before {
  content: url(/images/elders/unfavourite-white.png);
  transform: scale(0.5);
  display: block;
  float: right;
  right: -20px;
  margin-top: -22px;
}

/* climatology */
#wz ol#modules li.climatology-observations .page-title{
  margin-top: 5px;
}
#wz ol#modules li.climatology-observations.full table.long_term_climatology {
  width: auto;
  display: block;
  margin: -20px 5px 5px 5px;
}
#wz ol#modules li.climatology-observations.full table.long_term_climatology th{
  padding: 3px;
}
#wz ol#modules li.climatology-observations.full table.long_term_climatology thead tr th{
  width: 6.7%;
  font-size: 8.1pt;
 }
#wz ol#modules li.climatology-observations.full table.long_term_climatology thead tr th:first-child,
#wz ol#modules li.climatology-observations.full table.long_term_climatology tbody tr th:first-child
 {
  width: 10%;
}
#wz ol#modules li.climatology-observations.full table.long_term_climatology tbody tr th.title{
 font-size: 8.1pt;
 text-align: left;
}

#wz ol#modules li.climatology-observations.full table.long_term_climatology tr th,
#wz ol#modules li.climatology-observations.full table.long_term_climatology tr td{
  border: 0.5pt solid #ddd;
  vertical-align: middle;
}
#wz ol#modules li.climatology-daily-records.full{
  margin: 5px;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.head .column,   
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.head .column, 
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.head .column {
  height: 25px;
  padding-top: 5px;
  width: 6.7%; 
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.body .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.body .column acronym, 
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.body .column acronym{
  font-size: 8.1pt;
  padding-right: 2px;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full  div.grid-table .column.heading,
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full  div.grid-table .row.head .column.heading, 
#wz ol#modules li.climatology-monthly-records.full div.grid-table .column.heading,
#wz ol#modules li.climatology-monthly-records.full div.grid-table  .row.head .column.heading, 
#wz ol#modules li.climatology-daily-records.full div.grid-table .column.heading,
#wz ol#modules li.climatology-daily-records.full div.grid-table  .row.head .column.heading {
  text-align: left;
  padding: 2px;
  width:10%;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.body .column, 
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.body .column, 
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.body .column {
  font-size: 8.1pt;
  width: 6.7%; 
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.body .column.heading, 
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.body .column.heading, 
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.body .column.heading {
 width: 10%; 
}
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.body .column{
  align-content: center;
  height: 60px;
  display: grid;
}

#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full,
#wz ol#modules li.climatology-monthly-records.full{
  margin: 5px;
}

#wz ol#modules li.climatology-station-details.full .station-details {
  margin: 10px;
  padding: 5px;
}

#wz ol#modules li.climatology-station-details.full .station-details .left,
#wz ol#modules li.climatology-station-details.full .station-details .right {
  width: 100%;
}
#wz ol#modules li.climatology-station-details.full .station-details .right {
  margin-top: 10px;
}
#wz .extend-almanac {
  margin-bottom: 35px !important;
}
#wz .extend-almanac .menu-bar {
  width: 96.8%;
}

/*  WXENG-900 */
#wz ol#modules li.tide-graph h3 {
  font-size: 14pt;
  font-family: "LatoWebBold";
  margin-bottom: -10px;
  margin-left: 10px;
}

/* privacy */
.privacy-link {
  margin-top: 23px;
  line-height: 26px;
}
#wz li.admin-generated-content-full-page.full .col-1-left .statement {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 60px;
}
#region-div-responsive .row .column:nth-of-type(6) {
  width: 16% !important;
  text-align: right;
  padding: 0px;
  padding-top: 10px;
  margin-left: 7px;
}
#wz li.pass-5-days-temperature-rain.full .menu-bar a {
    text-transform: capitalize;
}

.weatherzone-widget-inner .weatherzone-upper{
  z-index: 1; 
}

#wz .main .error{
 margin: 15px;
}

#wz .main  .desktop-title {
  display: none;
}

#wz ol#modules li.national-synoptic-chart.full .page-title{
     height: 55px;
}
#wz ol#modules li.national-synoptic-chart.full .page-title h3 span{
     color: #fff;
}

#wz ol#modules li.national-synoptic-chart .summary>h3 {
 display:none;
}

#wz ol#modules li.national-synoptic-chart div.chart img {
    margin-top: -35px;
}

#wz #weather_m_s_banner_320x50 { 
  float: left;
  height:50px; 
  display: inline-table; /* !important; */
  width: 100%;
  text-align: center;
  margin-top: 20px;
  padding-top:16px;
  background: white;
}

#wz #weather_m_s_banner_320x50 #div-gpt-ad-1569205479974-0 {
  margin: 0 auto;
  margin-bottom: 20px;
}
.adbar-fixed {
    bottom: 0px;
    z-index: 100;
    position: fixed;
    overflow:none;
    left: 50%;
    transform: translate(-50%, 0);
}

#wz ol#modules li.national-synoptic-chart.full .page-title{
/*#wz ol#modules li.national-synoptic-chart ul.tabs{*/
 position: fixed;
 margin-top:8px;
}

#wz ol#modules li.national-synoptic-chart .summary {
  margin-top: 103px;
}

#wz ol#modules li.national-synoptic-chart div.chart{
  margin-top: 203px;
}

#wz ol#modules li.national-synoptic-chart div.chart .forecast h3{
  display: none;
}

#wz ol#modules li.weather_m_mrec_300x250,
#wz ol#modules li.weather_m_mrec_300x250-2{
    margin: 0px auto;
    float: none;
    clear: both; 
 }    
#wz ol#modules li.weather_m_mrec_300x250-2 h3{
  display: none;
}  

/* google pixel portrait mode */

#tropical_cyclone-nav{
  margin-top: 20px;
}

/* world weather */
#wz  .main #world-map-table-nav #continent-dropdown{
  z-index: 0;
}
#wz ol#modules li.world-forecast.full .forecast{
  margin-left:10px; 
  margin-right:10px;
}
#wz ol#modules li.world-forecast.full>h3{
    color: #fff;
    background-color: #df0021;
    display: block;
    height: 40px;
    position: fixed;
    z-index: 1;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 7px;
}
#wz ol#modules li.world-forecast.full #world-map-table-nav{
  margin-top:50px; 
}

#wz ol#modules li.world-forecast.full .forecast table.world-forecast-elders tr td.icon img{
    transform: scale(.8);
    float: none;
}

#wz table.world-forecast-elders td {
    padding: 0.2em 0.5em 0.15em 0.5em;
    font-family: "LatoWeb";
    font-style: normal;
    font-size: 10pt;
}

#wz #tropical_cyclone-nav {
    margin-top: 20px;
}

/* cyclone */

#wz div.main #page_heading_request h1.page-title {
    background-color: #df0021;
    display: block !important;
    color: #fff;
   /* margin-top: 10px;*/
    margin-top: 8px;
    text-align: left;
    padding: 10px;
    margin-bottom: 5px;
    font-size: 16pt;
}

#wz ol#modules li.tropical-cyclone.full {
    margin-left: 10px;
    margin-right: 10px;
    width: 95%;
}

#wz ol#modules li.custom-content.full>h3 {
   display: none;
}

#wz ol#modules li.custom-content.full #div-gpt-ad-1569204710602-0 {
  display: block;
  margin: 0 auto;
}

/* WXENG-983*/
#search_results, .searched {
  width: 100% !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}

/* world weather */
.world-local,
.world-map,
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container {
/*#wz .world-forecast.full .continents > h4,
.continents .line {*/
  display: none;
}

.world-select .worlddrops {
     background-color: transparent;
}
#wz .world-forecast.full .continents {
    margin: 10px;
    margin-top: 58px;
    width: auto;
}
#wz ol#modules li.world-forecast.full .forecast {
  clear: both;
}

.world-select .worlddrops .twc_worldform {
   margin-top: -5px;
}

.world-select div.worlddrops select {
    color: #000;
    font-size: 10pt;
}

#wz ol#modules .forecast table.world-forecast-elders tr th {
    font-size: 10pt;
    padding: 3px;
}

.world-select div.worlddrops .country select,
.world-select div.worlddrops .city select {
  z-index: 0;
}

#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .current{
  width: 100%;
  margin: 10px;
  margin-top: 65px;
}

#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .continents {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .world-local{
    display: block;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .world-local .location{
    position: fixed;
    z-index: 1;
    background-color: #df0021;
    height: 45px;
    width: 100%;
    margin-top: 6px;
    padding: 10px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .world-local .location h3{
  border: none;
  color: #fff;
  width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 15px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .world-local .menu{
    display: none;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .forecast,
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .world-local-7day-forecast {
  margin: 10px;
}
.world-local-7day-forecast .forecasts {
    width: 100%;
    margin-top: 10px;
}
.world-local-7day-forecast .forecasts .wx {
    width: 100%;
    height: 44px;
    background: #efefef;
    padding: 10px;
    margin-bottom: 10px;
}
.world-local-7day-forecast .forecasts .wx .icon .icon {
    width: 60%;
    margin-top: -15px;
}

#wz ol#modules li.dam-levels .dam .level .updated {
    margin: -7px 0px 15px 5px;
}

#wz ol#modules li.dam-levels .dam .level .help {
    margin: -7px 0px 5px 5px;
}

#wz  .sidebar ol#sidebarmodules li.weather-news.teaser #right-col .rhsbox {
    clear: both;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

/* smartbanner */

.smartbanner.smartbanner--android {
   background: #f3f3f3 url("");
   box-shadow: none;
}

.smartbanner.smartbanner--android .smartbanner__info__title {
   color: #000;
   font-weight: bold;
   font-family: "LatoWeb";
   font-style: normal;
}
smartbanner.smartbanner--android .smartbanner__button,
.smartbanner.smartbanner--android .smartbanner__button{
  box-shadow: none; 
}
.smartbanner.smartbanner--android .smartbanner__button__label {
  background: none;
}
.smartbanner.smartbanner--android .smartbanner__info,
.smartbanner__info{
    color: #ccc;
    text-shadow: none;
}
.smartbanner__info__title {
   font-size: 16px;
}
.smartbanner__info__author, .smartbanner__info__price {
    font-size: 13px;
}
.smartbanner__button {
  text-decoration: underline;
}
.smartbanner__button__label {
    text-align: center;
    color: #1474fc;
}
.smartbanner.smartbanner--android .smartbanner__exit{
    border-radius: none;
    background: none;
    box-shadow: none;
}

.smartbanner__exit::after, .smartbanner__exit::before {
    width: 2px;
    height: 11px;
    content: '  ';
}
.header-fixed {
    top: 52px;
    z-index: 1;
    position: fixed;
    overflow: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.header-fixed-with-banner {
    top:132px;
    z-index: 1;
    position: fixed;
    overflow: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.header-reset {
  top:0px;
}

#wz ol#modules li.map {
  margin-top:70px; 
}
#wz ol#modules li.map .national > .location,
#wz ol#modules .middleContent .local {
  display: none;
}
#wz .main #radar-nav #radar-dropdown,
#wz .main #satellite-nav #satellite-dropdown{
  margin-top:40px;
  z-index:0;
}

#wz ol#modules li.radar-animator .page-title{
   position: fixed;
   margin-top: 7px;
   z-index: 1;
}

.weatherzone-widget-inner .weatherzone-upper {
    z-index: 0;
}
#wz ol#modules li.admin-generated-content-full-page .col-1-left>h3,
#wz ol#modules li.location-rain-forecast-28-days #local_location, 
#wz ol#modules li.location-rain-forecast-12-months>h3,
#wz div.main .national.agriculture >h3{
 position: fixed;
 width: 100%;
  margin-top: 5px;
}

#wz div.main .agriculture ul.sf-menu {
 margin-top: 50px;
}

#wz ol#modules li.admin-generated-content-full-page .col-1-left .app-info{
  margin-top: 80px;
}

#wz ol#modules li.daily-historical-observations.full #past24hours_observation{
  margin-top: 43px;
} 

#wz ol#modules li.location-rain-forecast-28-days h3, 
#wz ol#modules li.location-rain-forecast-12-months h3 {
  margin-top: 0px;
}

#wz ol#modules li.location-rain-forecast-28-days .rain-forecast-left,
#wz ol#modules li.location-rain-forecast-12-months .rain-forecast-left {
   margin-top:30px;
}

#wz ol#modules li.climatology-observations #module-title-2 {
  margin-top: 55px;
}
#wz ol#modules li.tropical-cyclone.full,
#wz ol#modules li.elders-current-conditions {
   margin-top: 40px;
}

/*  WXENG-1059 */

.local .location {
 width: auto;
  margin-top: 0px;
  text-align: left;
  margin-left: 0px;
 }
.local .location h1 {
   color: #fff;
   text-align: left;
   font-size: 20px;
   font-weight: bold;
}

div.mobile-container .nav ul,
div.mobile-container .nav ul li{
  width: 100%;
}

#wz .sidebar #right-col .rhsbox.apps{
 margin-bottom:23px;
}

.raindates,
.raindeciles{
  margin-top: 50px;
  margin-left: 10px;
}

#wz ol#modules li.location-rain-forecast-12-months > h3 {
   display: none;
}

//WXENG-1064
#new_feedback fieldset.set ol li input{
  width: 80%;
}

#wz ol#modules li.feedback h3{
    background-color: #df0021;
    display: block !important;
    height: 45px;
    position: fixed;
    z-index: 1;
    /*top: 132px;*/
    overflow: none;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    width: 100%;
    padding: 15px;
}
#wz fieldset.set ol li input{
  width: 90%;
}

#wz ol#modules li.feedback div.feedback{
  margin-top: 132px; 
}
#wz ol#modules li.feedback div.feedback p{
  margin-left: 10px !important; 
}
#wz ol#modules li.feedback div.feedback  fieldset.set ol li{
  margin-bottom: 1em;
}
#wz ol#modules li.feedback div.feedback  fieldset.set ol {
   width:100%;
}
#wz ol#modules li.feedback div.feedback  fieldset.set ol li textarea{
   width:100%;
}


/* search results */
#wz ol#search_results {
  margin-bottom: 10px;
}
hr.style-two{
  display :none;
}

#wz .search-world-link {
  margin-left: 10px;
  margin-right: 10px;
}

#wz ol#sidebarmodules li:last-child{
   clear:both;
}

/* WXENG-914 */
@media (orientation: landscape) {
  .header .header-content {
    margin-top: 0px;
}
.forecast_image img {
    width: 50%;
    margin-top: 10px;
}
#wz ol#modules li.location-forecast-next-24-hours #elders_24_hours,
#wz ol#modules li.tide-graph #ga_tide_graph_3days{
 padding-left: 10px;
 padding-right: 10px;
}
#wz ol#modules li.location-forecast-next-24-hours #elders_24_hours svg,
#wz ol#modules li.tide-graph #ga_tide_graph_3days svg{
   width: 100%;
}
#wz ol#modules li.weather-news.teaser {
  width: 99%;
}
#wz .sidebar ol#sidebarmodules  li.national-warnings #right-col .rhsbox{
   width: 100% ;
   margin-bottom: 40px;
}
#wz ol#modules li.weather-news #right-col .rhsbox{
   width: 98.5% ;
   margin-bottom: 10px;
}
#wz ol#modules li.national-warnings #right-col .rhsbox {
   width: 96.7% ;
}
#wz ol#modules li.pass-5-days-temperature-rain table.past_5days {
    display: inline-table;
    width: 97%;
    margin-left: 10px;
    margin-right: 10px;
}
#wz ol#modules li.pass-5-days-temperature-rain .pass_5_days_temperature_rain .menu-bar, 
#wz .mobile_menu .menu-bar {
    width: 97%;
}
#wz ol#modules li.extend-almanac  .menu-bar{
    width: 98%;
}
#wz ol#modules li.extend-almanac {
  width: 99% !important;
}
.weatherzone-widget {
    max-width: 53em;
  }
#wz ol#modules li.national-synoptic-chart ul.tabs li{
   width: 12.1%;
  }
#wz ol#modules li.tropical-cyclone.full{
   width: 97%;
 }
}
/* end WXENG-914 */
.feedback-header-fixed-with-banner {
    top: 52px;
    z-index: 1;
    position: fixed;
    overflow: none;
    left: 50%;
    transform: translate(-50%, 0);
}

#wz ol#modules li.feedback table.feedback_result{
   margin: 10px;
   width: 95%;
}

/* WXENG-1131*/
.scroll { overflow-y: scroll;
     margin-left: 4px;
  }

.overlay { 
   position: fixed; 
   overflow-y: scroll;
   top: 0; right: 0; bottom: 0; left: 0; }


/* WXENG-1140 WXENG-1149 */
.top_margin_after_click {
   margin-top: 15px;
}

.top_margin_before_click {
   margin-top: 15px;
}

/* WXENG-1154 */
#wz ol#modules li.map{
  display: none;
}
#wz ol#modules li.map-mobile-elders{
  display: block;
}
#wz ol#modules li.map-mobile-elders .summary {
  margin-top: 20px;
  text-align: left;
  padding: 10px;
}

.national .menu {
  display: none
}
.national .district-menu {
    width: 100%;
    margin-top: 0px;
    display: block;
    padding: 10px;
}
#wz ol#modules li.map-mobile-elders .national>.location {
  background: #df0021;
  padding: 10px;
  margin: 0px 10px 10px 0px;
  padding-top: 0px;
}

#wz .national #national-dropdown{
  margin: 5px 10px 10px 5px;

  position: relative;
  float: left;
  margin: 5px;
  width: 97%;
  z-index: 1;
  background: #fff;
  background-clip: padding-box;
  border: 2px solid #df0021;
  border-radius: 5px;
  display: block;
  height: 2.8rem;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s, 0.15s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  cursor: pointer;
}
#wz ol#modules li.map-mobile-elders .smartcookie{
  margin-top: 80px;
}

/* 24 Hour Graph */
#wz ol#modules li.location-forecast-next-24-hours {
  height: auto; /*550px;*/
  float: left;
  width: 100%;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours{
  height: 290px; 
  float: left;
  width: 100%;
  margin: 0px;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.fixed-side-left {
  border: 0px !important;
  padding: 0px !important;
  height: 290px; 
  float: left;
  width: 10%;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.fixed-side-right {
  border: 0px !important;
  padding: 0px !important;
  height: 290px; 
  float: left;
  width: 13%;
  background:#fff;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.middle-graph {
  border: 0px !important;
  padding: 0px !important;
  height: 290px; 
  float: left;
  width: 77%;
  overflow: hidden;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.fixed-side-left div#left_y_axis
{
  height: 280px; 
  float: left;
  width: 45px;
  position: absolute;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.fixed-side-right div#right_y_axis
{
  height: 280px; 
  float: left;
  width: 52px;
  position: absolute;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.middle-graph  div#elders_24_hours {
  display: block;
  height: 280px;
  width: 200vw;
  overflow-x: scroll;
  position: absolute;
  overflow-y: hidden;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours tbody tr td.middle-graph  div#elders_24_hours::-webkit-scrollbar {
    display: none;
}
#ga_tide_graph {
  display: none;
}


#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip {
  position:relative;
  margin:0px 40px 10px 40px;
  overflow:hidden;
  border:0px solid #000;
  width:80%;
  background: #eee;
  text-align: center;

}


#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip th, 
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td {
  padding:5px 10px;
  border:0px solid #000;
  white-space:nowrap;
  vertical-align:middle;
  text-align: center;
  background: #eee;
  overflow:hidden;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip th{
  color: #fe4365; 
  font-weight: normal;
  width: 30%;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td{
  color: #1b1b1b; 
  font-weight: bold;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td.first{
  padding-top: 15px;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td.last{
  padding-bottom: 15px;
}

#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td.first #bottomimage{
  font-family: "Arial";
  font-size: 18px;
  font-weight: normal;
  color: #3b3b3b;
  vertical-align: middle;
  margin-bottom: 5px;
}
#wz ol#modules li.location-forecast-next-24-hours table.forecast48hours_tooltip td.first #bottomimage img{
  vertical-align: middle !important;
}
span.temp {
  height: 12px;
  width: 12px;
  background-color: #fe4365;
  border-radius: 50%;
  display: inline-block;
  margin-top: 2px;
}

span.wind {
  height: 12px;
  width: 12px;
  background-color: #518775;
  border-radius: 50%;
  display: inline-block;
  margin-top: 2px;
}

span.rain {
  height: 12px;
  width: 12px;
  background-color: #80d4f6;
  border-radius: 50%;
  display: inline-block;
  margin-top: 2px;
}

/* END 24 Hour Graph */
.weatherzone-zoom-controls {
    display: block !important;
    left: 90% !important;
}

.weatherzone-zoom-controls-button-zoomin {
	background-image: url('/images/animator/zoom-in.svg') !important;
        height:1.5em;
}

.weatherzone-zoom-controls-button-zoomin:disabled{
	background-image: url('/images/animator/zoom-in-disabled.svg') !important;
        height:1.5em;
}

.weatherzone-zoom-controls-button-zoomout {
	background-image: url('/images/animator/zoom-out.svg') !important;
        height:1.5em;
}

.weatherzone-zoom-controls-button-zoomout:disabled{
	background-image: url('/images/animator/zoom-out-disabled.svg') !important;
        height:1.5em;
}

/* WXENG-1236 */
#desktop_new_weather_bottom_728x90{
  display: none;
}
#desktop_new_weather_top_728x90{
  display: none;
}
#desktop_weather_Rside2_300x250{
  display: none;
}
#desktop_new_weather_Rside1_300x250{
  display: none;
}

/* WXENG-1319 */
.forecast_extend_fdl
 {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.forecast_extend_fdl_key {
  height: 20px;
}

.forecast_extend_fdl_key span {
  margin-left: -8px;
}
.forecast_extend_fdl_value span{
  font-weight: bold;
  margin-left: -8px;
}
.fdl_icon {
  float: left;
  display: inline-block;
  transform: scale(.50) !important;
  margin-top: -10px !important;
  margin-left: -13px !important;
  margin-bottom: 0px;
}
.fdl_no_icon {
  margin-left: 45px;
}