@charset "utf-8";

/** 
* 
* App : Eldersweather wxe.eld-1.0 
* Author : arahman 
* Date : 2019-05-30 
* Updated: 2020-04-07 08:30am
**/

@import "/resources/css/elders/template/css/fonts.css";
@import "/resources/css/elders/template/css/header.css";
@import "/resources/css/elders/template/css/styles.css?r=4.1.0&d=2019071703";
@import "/resources/css/elders/template/footer/css/font-awesome.min.css";
@import "/resources/css/elders/template/footer/css/bootstrap.css";
@import "/resources/css/elders/template/footer/css/style.css";
@import "/resources/js/elders/menu/sticky.dropdown.menu-v4.0.css";
html,
body,
div,
span,
iframe,
a,
img,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 10pt;
	color: #000;
	vertical-align: top;
}

body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
/* WZB2B-12937
body {
	background-image: url(/styles/images/elders/images/BG.jpg);
	background-repeat: no-repeat;
	background-color: #F0F2FC;
	background-size: 100%;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3571b2', endColorstr='#bfd0e1');
}*/

ul {
	list-style: none outside;
}

a {
	text-decoration: none;
}

a:hover,
a:focus {
	color: #000;
}

p {
	text-align: left;
	line-height: 20px;
}

h1,
h2,
h3,
h4 {
	color: #df0021;
	text-transform: capitalize;
}

h1 {
	font-size: 10pt;
	letter-spacing: 40%;
	font-family: "LatoWebBold";
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 16pt;
	letter-spacing: 0.5pt;
}

#wz h4, h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	letter-spacing: 40%;
        letter-spacing:  0px;
	text-transform: uppercase;
}

h5 {
	font-size: 8.3pt;
	letter-spacing: 40%;
}

h6 {
	font-size: 8.3pt;
	letter-spacing: 40%;
}

h1,
h2,
h3,
h5,
h6 {
	font-family: "LatoWeb";
}

table,
th,
td {
	border-collapse: collapse;
	border: 1px solid #f5f5f5;
	padding: 5px;
	overflow-x: auto;
	text-align: center;
}

th {
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 8.1pt;
	background: #97979A;
	text-align: center;
	color: #fff;
	border: 0.5pt solid #f5f5f5;
}

tr .th1 {
	background: #ADACAE !important;
}

tr .th1_temp_min {
	background: #000080;
	font-family: "LatoWebBold";
}

tr .th1_temp_max {
	background: #d53333;
	font-family: "LatoWebBold";
}

tr .th1_rain {
	background: #007700;
	font-family: "LatoWebBold";
}

tr .th2 {
	background: #D9D9D9 !important;
	color: #6e6e72 !important;
	text-align: left;
	padding: 5px 0px 5px 15px !important;
}

tr .th3 {
	font-size: 10.5pt;
}

tr .th4 {
	background: #D9D9D9 !important;
	color: #6e6e72 !important;
	text-align: right;
	padding: 5px 0px 5px 0px !important;
}

tr .th5 {
	font-family: "LatoWebBold";
	font-style: normal;
	font-size: 8.1pt;
	background: #fff;
	text-align: left;
	color: #adacae;
	border: 0px;
	text-transform: uppercase;
}

tr .th6 {
	background: #f5f5f5;
	color: #6e6e72;
	text-align: left;
	border: 1px solid #fff;
	padding-left: 10px;
}

tr .td1 {
	text-align: left;
	padding-left: 10px;
	font-family: "LatoWebBold";
}

tr .td2 {
	font-family: "LatoWebHeavy";
}

tr .td3 {
	text-align: center;
	font-family: "LatoWebBold";
}

h1,
h2,
h3,
h4 {
	color: #df0021;
	text-transform: capitalize;
}

#wz {
	padding: 0;
	display: block;
	background: #fff;
	position: relative;
	margin: 0 auto;
	max-width: 1016px;
	margin-top: -10px;
	font-family: "LatoWeb";
}

#wz div.main {
	width: 68%;
}


/*
#content div.m-cont {
    float: left;
    width: 65%;
    margin: auto 0;
    padding: 0;
    margin-bottom: 23px;
}
*/

#wz div.main #page_heading_request h1,
#wz ol#modules li.map h3 {
	display: none;
}

#wz div.national {
  margin: 0px;
  /*margin-bottom: -20px;*/
  border: 0px;
}

#wz div.national h3 {
	display: block !important;
}

.national>.location {
	float: left;
	margin-top: 0px;
	width: 100%;
	clear: both;
	text-align: left;
}

#wz ol#modules {
	width: 100%;
}

#wz a,
#wz a:visited {
	color: #000;
}

#wz table th {
	padding: 5px;
	font-family: "LatoWeb";
	font-style: normal;
	background: #97979A;
	text-align: center;
	color: #fff;
	border: 0.5pt solid #f5f5f5;
	text-transform: none;
	vertical-align: middle;
}

table,
th,
td {
	border-collapse: collapse;
	border: 1px solid #f5f5f5;
	padding: 5px;
	overflow-x: auto;
	text-align: center;
}

#wz table td {
	border: 1px solid #f5f5f5;
}

#wz table tr.over td {
	background: none;
	color: none;
}

#wz td {
	margin: 0;
	font-size: 1em;
	line-height: 1.0em;
	margin-bottom: 1.0em;
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 10pt;
	color: #000;
}

.elders-footer-container-resp {
	display: none;
}

#footer {
	width: 100%;
	height: 100%;
}

.elders-footer .social-icons {
	line-height: 15px !important;
	margin-top: 2rem;
}

.elders-footer ul.nav li a {
	padding-top: 8px;
}

.menulink h4 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #adacae !important;
	text-decoration: underline;
	text-transform: none;
}
a.black_button,
a.white_button,
.menubutton h4 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #5a595e;
	border: 0.5pt solid #5a595e;
	letter-spacing: 0.5pt;
}

.national .menu .tertiary-menu .menubutton h4 a {
	padding: 6px 12px 6px 13px;
	color: #adacae !important;
}
.world-local .menu .tertiary-menu .menubutton h4 a.active,
.national .menu .tertiary-menu .menubutton h4 a.visited,
.national .menu .tertiary-menu .menubutton h4 a.active {
	border: 0.5pt solid #df0021;
	color: #df0021 !important;
}

table.dist-forecast tr th {
	font-family: "LatoWebBold" !important;
	font-style: normal !important;
	font-size: 8.1pt !important;
	background: #fff !important;
	text-align: left !important;
	color: #adacae !important;
	border: 0px !important;
	text-transform: uppercase !important;
}

table.dist-forecast tr td {
	text-align: left !important;
	border: 0px !important;
	padding: 0px !important;
	background: #fff !important;
	vertical-align: top !important;
	overflow: hidden;
}

.national .right table.dist-forecast tr th img {
	margin-left: -10px;
	transform: scale(0.7);
}

.national .right .menu h4,
.national .district-menu h4,
.national .right .menu .state h4,
.right .summary h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt !important;
	color: #df0021;
	text-transform: uppercase;
}

.right .summary {
	margin-bottom: 20px;
	margin-top: 35px;
}

.national .district-menu h4 {
	text-align: left;
}

.location-rain-forecast-12-months .district-menu .district h4 a,
.national .district-menu .district h4 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #adacae !important;
	text-decoration: underline !important;
}

.map-container .rainfall-menu {
	margin-top: 30px;
	margin-left: 34px;
}

.map-container .rainfall-menu h4 a {
	text-transform: uppercase;
	padding: 5px;
	font-size: 8.3pt;
	color: #5a595e !important;
	border: 0.5pt solid #5a595e !important;
	letter-spacing: 0.5pt;
}


/* map */

#wz ol#modules li.map {
	position: relative;
	float: left;
	width: 98.577%;
}
#wz ol#modules li.map.full {
   margin-bottom: -20px;
}
.map-container {
	position: relative;
	float: left;
	width: 56%;
	margin: 23px;
	/* margin-left: -33px;*/
	margin-left: -18px;
}

#wz div.national .mapbox {
	text-align: left;
}

.national .right {
	float: left;
	width: 42%;
	text-align: left;
}

.national .right .menu {
	width: 100%;
	float: left;
	margin-top: 0px;
}

.national .right .menu h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	color: #df0021;
	text-transform: uppercase;
}

.national .right .menu .state {
	padding-right: 13px;
	width: 12.44% !important;
}

li.location-rain-forecast-28-days .menu .district,
.location-rain-forecast-12-months .menu .district,
.national .right .menu .state,
.national .right .menu .district,
.national .district-menu .district,
.national .map-container .tertiary-menu .district {
	float: left;
	margin-top: -15px;
	padding-right: 5px;
	width: auto;
}

.national .right .menu .state {
	margin-top: 0px;
}

li.location-rain-forecast-28-days .menu .district,
.location-rain-forecast-12-months .menu .district,
.national .district-menu .district,
.national .right .menu .district {
	padding-right: 0px;
	margin-left: -5px;
}

.national .district-menu .district {
	padding-right: 5px;
        padding-bottom: 5px;
}

.national .right .menu .state h4 a {
	margin-left: -5px;
}

.national .right .menu .state h4 a {
	text-transform: uppercase;
	text-decoration: none;
}

.national .district-menu .district h4 a {
	text-transform: uppercase;
}

.national .menu .tertiary-menu {
	float: left;
	width: auto;
	margin: 0px !important;
}

.national .menu .tertiary-menu .menubutton {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.menulink h4 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #adacae;
	text-decoration: underline;
	text-transform: none;
}

.national .district-menu {
	width: 100%;
	margin-top: -15px;
}

.line {
	max-width: 96.5%;
	height: 0.5pt;
	margin: 0 auto;
	margin-left: 23px;
	margin-right: 23px;
	overflow: hidden;
	border-bottom: 0.6pt solid #f5f5f5;
}

.national .district-menu .line {
	width: 100%;
	margin: -10px 0px 25px 0px;
	border-bottom: 0.8pt solid #f5f5f5;
}

.national .right .menu .line {
	margin-top: -8px;
	margin-left: 1px;
	width: 100%;
}

.mapbox .forecast .location {
	margin-top: -5px;
	margin-left: 17px;
}

.mapbox .forecast .wx {
	margin-left: -22px;
	margin-top: 10px;
}


/*
.map-data {
 margin-left:23px;
}
.map-data .wx {
 margin-left:-23px;
}
*/

.mapbox .map-data-state {
	margin-top: -18px;
}

.map-data .sydney {
	margin-left: -20px;
	margin-top: -10px;
}

.map-data .canberra {
	margin-left: -20px;
	margin-top: -10px;
}

.map-data .melbourne {
	margin-top: -10px;
	margin-left: -20px;
}

.mapbox .forecast .adelaide,
.mapbox .current-condition .adelaide {
	margin-left: -74px;
	margin-top: 25px;
}


/* responsive table */

tr:nth-child(even) {
	background-color: #f2f2f2
}

.responsive-table {
	/*overflow-x: auto;*/
    overflow: hidden;
}

.responsive-table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

.responsive-table th,
.responsive-table td {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}


/* local weather */

.content {
	padding: 0;
	display: block;
	margin-top: 0px;
	background: #fff;
}

#wz li ul,
#wz li ol {
	margin: 0px !important;
}

#wz div.forecast {
	clear: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#wz .local {
	margin-top: 10px !important;
}

#wz .local .location {
	float: left;
	margin: 0;
}

.local .location .position {
    color: #adacae;
    font-family: "LatoWebBold";
    text-transform: uppercase;
    margin: -10px 0px 0px 0px;
}

#wz .local .favourite {
	float: right;
	display: table-row;
	width: auto;
	margin: 0px 10px 0px 23px;
}

#wz .local h3 {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: 0.5pt;
	border-bottom: 0px solid #efefef;
}

#wz .local .favourite .rss {
	float: right;
	margin-right: 1px;
	white-space: nowrap;
}

#wz .obscast {
	margin-top: 20px;
}

#wz .obscast .observation {
	float: left;
	width: 45%;
	margin: 0;
	display: table-cell;
}
#wz div.main  .agriculture ul.sf-menu,
#wz ol#modules ul.sf-menu,
#wz ul.secondary-menu {
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 23px;
	background: #eaeaea;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#wz ol#modules ul.sf-menu li:nth-child(1),
ul.secondary-menu li:nth-child(1) {
	border-left: 0px;
}

#wz ol#modules ul.sf-menu li,
ul.secondary-menu li {
	list-style: none;
	width: auto;
	border-left: 0.5pt solid #adacae;
	display: table-cell;
	/*padding: 10px 5.5px;*/
}

#wz ol#modules ul.sf-menu li {
	width: 12%;
}

#wz ol#modules ul.sf-menu li a,
#wz ul.secondary-menu li a {
	display: block;
	color: #6e6e72;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 6.8pt;
}

#wz ol#modules ul.sf-menu li a:hover,
#wz ul.secondary-menu li a:hover {
	color: #df0021;
	background: transparent;
	text-decoration: none;
}

#wz ol#modules ul.sf-menu li a:focus,
#wz ol#modules ul.sf-menu li a:hover,
ul.secondary-menu li a:focus,
ul.secondary-menu li a:hover {
	color: #000;
}

#wz ol#modules ul.sf-menu li.active a,
#wz ul.secondary-menu li.visited a{
	color: #fff;
	background: #df0021;
}

#wz ol#modules ul.sf-menu li.active a:hover,
#wz ul.secondary-menu li.visited a:hover {
	color: #fff;
}
#wz ol#modules ul.sf-menu li.active a,
#wz ul.secondary-menu li.visited a {
	color: #fff;
}
#wz #modules .obscast h4 {
	padding: 0;
	margin-bottom: 6px;
	margin-top: 6px;
	font-size: 1.0em;
	line-height: 1.25;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: uppercase;
}

#wz .obscast hr.vertical {
    height: 98%;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-top: 5px;
}

#wz .obscast .observation .location .update {
	color: #adacae;
	font-family: "LatoWeb";
	margin: 0px;
}

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

#wz .obscast .observation .now .temp h3,
.current .observation .obs .now .temp h3 {
	font-size: 19pt;
	letter-spacing: 0px;
	font-weight: 100;
	border-bottom: 0px solid #efefef;
}

#wz .obscast .forecast .day0 .rainfall {
	float: right;
	width: 35%;
	margin-right: -24px;
}

#wz .obscast .forecast .day0 .rainfall .text {
	float: right;
	width: 100%;
	text-align: left;
	padding-right: 16px;
}

#wz .obscast .forecast .district {
	clear: both;
}

#wz .obscast .forecast .day0 .rainfall .text:before {
	float: left;
	display: inline-block;
	transform: scale(.53) !important;
	margin-top: -10px !important;
	margin-left: -13px !important;
	margin-bottom: 7px;
	content: url('/images/elders/rain-9am@2x.png');
}

.obscast .observation .nearby .station h4 a,
.forecast-section .nearby .station h4 a,
.nearby .menulink h4 a {
	text-transform: uppercase;
	font-size: 7.0pt;
	color: #adacae !important;
	text-decoration: underline !important;
	font-family: "LatoWebBold";
}

.obscast .forecast .fdl .icon {
	float: left;
	display: inline-block;
	transform: scale(.53) !important;
	margin-top: 0px !important;
	margin-left: -13px !important;
	margin-bottom: 7px;
}
/* WXENG-1317 */
.icon-fdl-no-rating,
.icon-fdl-no-rating:after,
.icon-fdl-black,
.icon-fdl-black:after,
.icon-fdl-catastrophic,
.icon-fdl-catastrophic:after,
.icon-fdl-extreme,
.icon-fdl-extreme:after,
.icon-fdl-high,
.icon-fdl-high:after,
.icon-fdl-moderate,
.icon-fdl-moderate:after{
    background-size: 60px 60px;
    display: inline-block;
    width: 60px; 
    height: 60px;
    content:"";
}
/* WXENG-1310 */
.icon-fdl-no-rating,
.icon-fdl-no-rating:after {
	content: url('/styles/images/elders/images/fdl-black.png');
}

.icon-fdl-black,
.icon-fdl-black:after {
	content: url('/styles/images/elders/images/fdl-black.png');
}

.icon-fdl-catastrophic,
.icon-fdl-catastrophic:after {
	content: url('/styles/images/elders/images/fdl-catastrophic.png');
}

.icon-fdl-extreme,
.icon-fdl-extreme:after {
	content: url('/styles/images/elders/images/fdl-extreme.png');
}

.icon-fdl-high,
.icon-fdl-high:after {
   content: url('/styles/images/elders/images/fdl-high.png');
}

.icon-fdl-moderate,
.icon-fdl-moderate:after {
    content: url('/styles/images/elders/images/fdl-moderate.png');
}

.text-fdl-black {
	background-color: #000000;
}

.text-fdl-catastrophic {
	background-color: #AD0909;
}

.text-fdl-extreme {
	background-color: #F78100;
}

.text-fdl-high {
	background-color: #FEDD3A;
}

.text-fdl-moderate {
	background-color: #64BF30;
}

.text-fdl-no-rating{
     font-family: "LatoWebBold";
     color: #000000 !important;
     clear: both;
     text-align: center;
     vertical-align: middle;
}

/* end WXENG-1310 */
.text-fdl-dash{
     font-family: "LatoWebBold";
     color: #000000 !important;
     clear: both;
     text-align: center;
     vertical-align: middle;
}/* end WXENG-1318 */

.obscast .forecast .dam a {
	padding: 5px;
	font-size: 8.3pt;
	color: #5a595e;
	border: 0.5pt solid #5a595e;
	letter-spacing: 0.5pt;
	text-decoration: none !important;
}

.rss,
.col-1-left .warnings .rss {
	float: right;
	padding: 5px;
	padding-right: 23px;
}

.rss a {
	background: transparent;
	text-decoration: none;
}

.rss-icon:before {
	padding-left: 5px;
	content: url(/images/elders/rss@2x.png);
	display: inline-block;
	transform: scale(.6);
	margin-top: -5px;
	position: absolute;
}

.mylocal-icon-bookmark:before {
	content: url(/images/elders/unfavourite-red@2x.png);
padding-left: 0px;
display: inline-block;
transform: scale(.4);
margin-top: -15px;
position: absolute;
margin-left: -10px;
}

.mylocal-icon-bookmarked:before {
       content: url(/images/elders/favourite-red@2x.png);
padding-left: 0px;
display: inline-block;
transform: scale(.4);
margin-top: -15px;
position: absolute;
margin-left: -10px;
}

#wz table.detail thead th.empty {
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 8.1pt;
	background: #97979A;
	text-align: center;
	color: #fff;
	border: 0.5pt solid #f5f5f5;
}

#wz table#next_48hours tr:nth-child(2n) {
	background-color: none;
}

.pdf_day {
	background-color: #FEFBDE !important;
}

.pdf_night {
	background-color: #EFEFFF !important;
}

.seven-day-forecast h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	letter-spacing: 40%;
	color: #df0021;
}

#wz table.detail th {
	text-align: left;
	padding: 0.5em 0.75em 0.25em 0.75em;
	font-weight: normal;
}

#wz table.detail td {
	text-align: center;
	padding: 0.5em 0.75em 0.25em 0.75em;
	vertical-align: middle;
}

#wz table.detail tr:nth-child(2) td:nth-child(n+2) {
	color: #d53333;
}

#wz table.detail tr:nth-child(3) td:nth-child(n+2) {
	color: #000080;
}

#wz table.detail tr:nth-child(4) td:nth-child(n+2),
#wz table.detail tr:nth-child(5) td:nth-child(n+2) {
	color: #007700;
}

#wz table.detail tr:nth-child(8) td:nth-child(n+2) {
	color: #ffffff;
	background: #ADACAE;
}

h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	letter-spacing: 40%;
	color: #df0021;
}

#wz ol#modules li.pass-5-days-temperature-rain {
	width: 47% !important;
	float: left;
       margin-top: -10px;
}

#wz ol#modules li.year-to-date {
	width: 47% !important;
	float: left;
	margin-top: -245px;
}

#wz ol#modules li.extend-almanac {
	width: 48% !important;
	float: right;
	margin-right: 10px;
}

#wz table.past_5days tr:nth-child(1) th:nth-child(1) {
	text-decoration: underline dotted;
}
#wz table.past_5days tr.detail th {
  font-size: 12px;
  height: 22px;
}
#wz table.past_5days tr:nth-child(1) th:nth-child(2) {
	background: #000080;
	color: #fff;
	text-decoration: underline dotted;
}

#wz table.past_5days tr:nth-child(1) th:nth-child(3) {
	background: #d53333;
	color: #fff;
	text-decoration: underline dotted;
}

#wz table.past_5days tr:nth-child(1) th:nth-child(4) {
	background: #007700;
	color: #fff;
	text-decoration: underline dotted;
}

#wz table.past_5days tr th:nth-child(2),
#wz table.past_5days tr td:nth-child(2),
#wz table.past_5days tr td:nth-child(2) span {
	color: #000080;
}

#wz table.past_5days tr th:nth-child(3),
#wz table.past_5days tr td:nth-child(3),
#wz table.past_5days tr td:nth-child(3) span {
	color: #d53333;
}

#wz table.past_5days tr th:nth-child(4),
#wz table.past_5days tr td:nth-child(4) div,
#wz table.past_5days tr td:nth-child(4) span {
	color: #007700;
}

tr .th1 {
	background: #ADACAE;
}

#wz table.year_to_date th.row {
	text-align: left;
	padding-left: 10px;
	background: #97979A;
        font-size: 10px;
}

#wz table.year_to_date td.temp_min_c,
#wz table.year_to_date td.temp_max_c {
	font-family: "LatoWebbold";
	font-style: bold;
	color: #000000;
}

#wz table.year_to_date td {
	text-align: right;
}

tr:nth-child(1n) {
	background-color: #ffffff;
}

tr:nth-child(2n) {
	background-color: #f2f2f2;
}

#wz table.almanac tr:nth-child(1) th {
	background: #000080 !important;
}

#wz table.almanac tr:nth-child(6) th {
	background: #d53333 !important;
}

#wz table.almanac tr:nth-child(11) th {
	background: #007700 !important;
}

#wz table.almanac tbody tr td.name {
	text-align: left;
	padding-left: 10px;
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 8.1pt;
	background: #97979A;
	color: #fff;
	border: 0.5pt solid #f5f5f5;
}

#wz table.almanac tbody tr td.value {
	text-align: right;
}

#wz table.almanac tbody tr td.almanac-cell-s {
	font-family: "LatoWebbold";
	font-style: bold;
	text-align: right;
}

#wz table.almanac tr:nth-child(odd) td {
	background: #ffffff;
}

#wz table.almanac tr:nth-child(even) td {
	background: #f2f2f2;
}

#wz ol#modules li.sunrise-sunset  {
   margin-bottom:15px;
}

#wz ol#modules li.year-to-date h2,
#wz ol#modules li.seven-day-forecast h3,
#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,
#wz ol#modules li.sunrise-sunset h3,
#wz ol#modules li.tide-graph h3 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	letter-spacing: 40%;
	color: #df0021;
	text-transform: uppercase;
	border-bottom: none;
}


/* responsive */

.map-data-div-resp {
	display: none;
}

#wz li.seven-day-forecast h3 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #5a595e;
	border: 0.5pt solid #5a595e;
	letter-spacing: 0.5pt;
}


/* WXENG-779 */

#wz div.main .dam .map {
	float: left;
	width: 56%;
	margin-right: 23px;
}

#wz div.main .dam .level {
	float: left;
	width: 40%;
}

span.first_quarter {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/first-quarter@2x.gif) no-repeat center top;
	background-size: 40px 40px transform: scale(.7);
}

span.last_quarter {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/last-quarter@2x.gif) no-repeat center top;
	background-size: 40px 40px transform: scale(.7);
}

span.full_moon {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/full-moon@2x.gif) no-repeat center top;
	background-size: 40px 40px transform: scale(.7);
}

span.new_moon {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/new-moon@2x.gif) no-repeat center top;
	background-size: 40px 40px;
	transform: scale(0.8);
}

span.moon01 {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/moon_01.gif) no-repeat center top;
	background-size: 40px 40px transform: scale(.7);
}

span.first_light {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/first-light@2x.gif) no-repeat center top;
	transform: scale(.7);
}

span.last_light {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/last-light@2x.gif) no-repeat center top;
	transform: scale(.7);
}

span.sunrise {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/sun-rise@2x.gif) no-repeat center top;
	transform: scale(.7);
}

span.sunset {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/sun-set@2x.gif) no-repeat center top;
	transform: scale(.7);
}

span.moonrise {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/moon-rise@2x.gif) no-repeat center top;
	transform: scale(.7);
}

span.moonset {
	width: 40px;
	margin: auto;
	height: 50px;
	border: 0;
	text-indent: -20000em;
	background: transparent;
	font-size: 1px;
	padding: 0 0 0 1em;
	text-align: center;
	display: block;
	background: #fff url(/styles/images/elders/images/template/images/icons/sunmoon/moon-set@2x.gif) no-repeat center top;
	transform: scale(.7);
}

.secondary-menu>h3,
.national-forecast>h3 {
	display: none;
}

.mobile-container {
	display: none;
}

.national-forecast .forecast-title,
national-forecast.current-title {
	text-transform: uppercase !important;
}

#right-col .rhsbox .title h4 a {
	text-transform: uppercase;
}

#wz ol#sidebarmodules li.national-warnings h3,
#wz .sidebar #right-col .eld-button {
	display: none;
}


/* warning */


/* #wz .main .national-warnings ul.sf-menu li#National */

#wz .main #warning_head,
#wz .main #warning-details {
	display: none;
}

#wz .main .posts {
	clear: both;
	display: block !important;
}

#wz .main .posts h3 {
	font-size: 9.5pt;
	border: 0px;
}

#wz .shareable-page {
	float: right;
	margin-top: -40px;
	margin-bottom: 0px;
	margin-right: -5px;
}

#wz div#content .posts nav {
	background-color: #fff;
	padding-bottom: 0px;
}

#wz .social .social-icons {
	display: inline-block;
	line-height: 45px;
	margin-left: 0px;
}

#wz .main .posts .day {
	color: #adacae;
	font-size: 8.3pt;
	font-family: "LatoWebBold";
	text-transform: uppercase;
	margin: -15px 0px 0px 0px;
}

#wz .main .posts .line {
	max-width: 100%;
	border-bottom: 0.7pt solid #eaeaea;
	margin: 3px 0px 10px 0px;
}

#wz .main .posts pre {
	margin-right: 15px;
	white-space: pre-wrap;
	font-size: 10pt;
	font-family: "LatoWeb";
	line-height: 20px;
}

#wz .main .posts .shareable-headline {
	width: 65%;
}

#wz .main .warnings .posts .row {
	float: left;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 23px 0px;
}

#wz .main .warnings .posts .row .datetime {
	float: left;
	width: 17%;
	color: #d53333;
	font-style: italic;
	text-transform: uppercase;
	font-family: "LatoWebBold";
	margin-right: 5px;
}

#wz .main .warnings .posts .row .message {
	width: 81%;
	margin-left: 5px;
	float: right;
}


/*    radar  */

li.radar-animator .weatherzone-container,
#wz .main ol#modules li.radar-animator h5,
#wz .main ol#modules li.responsive-satellite-animator h3 {
	display: none;
}

#wz .main ol#modules li.radar-animator h2 {
	font-size: 14pt;
	margin-top: 15px;
}

#wz .main ol#modules li.radar-animator .lightning-event-text {
	padding-bottom: 20px;
	margin-bottom: 15px;
}

#wz .main ol#modules li.radar-animator .radar-menu {
	float: left;
	width: 100%;
	clear: both;
}

#wz .main ol#modules li.radar-animator .radar-menu h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	color: #df0021;
	text-transform: uppercase;
}

#wz .main ol#modules li.radar-animator .radarlink {
	margin-top: -15px;
	margin-bottom: -10px;
	margin-left: -5px;
}
#wz .main ol#modules li.radar-animator .radarlink h4 {
   font-size: 1.2em;
}

#wz .main ol#modules li.radar-animator .radarlink h4 a {
	padding: 5px;
	font-size: 8.3pt;
	color: #adacae;
	text-decoration: underline;
	text-transform: none;
}

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

#wz div#search_location {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	height: 89px;
	background: #df0021;
	width: 100%;
}

#wz div#search_location ol {
	border: 0px solid #C5C5CB;
	display: inline-block;
	position: relative;
	width: 290px;
	float: right;
	height: 45px;
}
#wz div#search_location ol li{
         float: left;
}
#wz div#search_location ol{
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#wz div#search_location ol li.button {
    margin-top: 3px;
}
#wz div#search_location fieldset {
    margin: 0.5em;
    padding: 0;
    overflow: hidden;
}

#wz div#search_location li input {
	height: 25px;
	line-height: 30px;
	width: 265px;
	border-image-source: none;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-radius: 0px;
	margin: 10px 12px 10px 4px;
	padding-left: 10px;
	background: #fff;
        padding-left: 10px;
        padding: 4px;
        color: #777
}

#wz div#search_location ol li.button button {
	background-image: url(/images/elders/search.png);
	background-repeat: no-repeat;
	background-position: 30% 20%;
	border: 0 !important;
	width: 25px !important;
	height: 25px !important;
	margin: 6px;
}

#wz div#search_location li button {
	position: absolute;
	right: 10px;
	top: 8px;
}

.ac_results {
	border: 1px solid #bdbdc1;
	color: #2c2c2c;
	font-family: "Merriweather Regular";
	font-size: 12px;
	width: 278px !important;
	margin-top: 2px;
	background: #fff;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 96%;
	font: menu;
	font-size: ;
	line-height: normal;
	font-size: 12px;
	line-height: 26px;
	overflow: hidden;
	color: #000;
}

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

#wz div#search_location span a {
	text-decoration: none;
	text-transform: capitalize;
	color: #fff;
}

#wz div#search_location span a .mylocal-icon:before {
	content: url(/images/elders/favourtie-white@2x.png);
	transform: scale(.7);
	margin-top: -4px;
	display: block;
	float: right;
}


/* ----- end WXENG-774 -------- */


/* sun moon */

#wz .main ol#modules #sun-moon-responsive {
	display: none;
}


/* 28 days rain forecast */

li.location-rain-forecast-28-days div#raincal div.cyan {
	text-transform: lowercase;
}

li.location-rain-forecast-28-days div#raincal div.cyan::first-letter {
	text-transform: uppercase;
}

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

#wz ol#modules li.location-rain-forecast-28-days .rainfall-explanation,
#wz ol#modules li.location-rain-forecast-12-months .rainfall-explanation {
	width: 100%;
	clear: both;
}

#wz ol#modules li.location-rain-forecast-28-days h3,
#wz ol#modules li.location-rain-forecast-12-months h3 {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: "LatoWebBold";
	font-size: 16pt;
	letter-spacing: 0.5px;
}

#wz ol#modules li.location-rain-forecast-12-months h3:first-child {
	display: none;
}
#wz ol#modules li.location-rain-forecast-12-months .page-title h3 {
  display: flex;
}

li.location-rain-forecast-28-days div.rain-forecast-right,
li.long-range-rainfall-forecast div.rain-forecast-right,
li.location-rain-forecast-12-months div.rain-forecast-right {
	height: 48%;
}

.rain-forecast-left {
	float: left;
	width: 50%;
}

.rain-forecast-right {
	width: 48%;
	background: white;
	float: left;
	margin-left: 10px;
}

.rain-forecast-right .updated {
	color: #adacae;
	font-family: "LatoWebBold";
	margin: -5px 0px 10px 10px;
}

li.location-rain-forecast-28-days div#raincal {
	float: left;
	width: 100%;
	letter-spacing: normal;
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background: white;
}

li.location-rain-forecast-12-months div#raincal {
	float: left;
	width: 100%;
	letter-spacing: normal;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: white;
}

.wxhead {
	color: #ABABAA;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
}


/* includes IE box model hack */

li.location-rain-forecast-28-days div#raincal div {
	float: left;
	line-height: 2em;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 14.44%;
	height: 50px;
}

li.location-rain-forecast-28-days div#raincal div.nil {
	color: #000;
	font-family: "LatoWebBold";
}

li.location-rain-forecast-28-days div#raincal div.date {
	width: 100%;
	height: 50%;
	color: #000;
	font-family: "LatoWebBold";
}

li.location-rain-forecast-28-days div#raincal div.description {
	width: 100%;
	color: gray;
	font-family: "LatoWeb";
}

li.location-rain-forecast-12-months div#raincal div {
	float: left;
	/*line-height: 2em;*/
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width: 48%;*/
}

li.location-rain-forecast-28-days div#raincal div.cyan {
	background-color: #97979A;
	color: #fff;
	height: 27px;
	width: 14%;
	border-left: 0.5pt solid #ECECEC;
	margin-top: -7px;
}

div#raincal div.blank {
	background-color: #FFFFFF;
	border-right: 1px solid #9D9D9D;
	border-bottom: 1px solid #9D9D9D;
}

div#raincal div.left_cell {
	margin-left: 0px !important;
	border-left: 0px !important;
}

div#raincal div.nil,
td.nil {
	background-color: #EEEEEE;
	color: #FFFFFF;
	border: 0.5pt solid #f5f5f5;
	margin-left: -2px;
	margin-top: -2px;
}

div#raincal div.low,
td.low {
	background-color: #CCFFCC;
	color: #FFFFFF;
	border: 0.5pt solid #f5f5f5;
	margin-left: -2px;
	margin-top: -2px;
}

div#raincal div.medium,
td.medium {
	background-color: #99FF99;
	color: #FFFFFF;
	border: 0.5pt solid #f5f5f5;
	margin-left: -2px;
	margin-top: -2px;
}

div#raincal div.high,
td.high {
	background-color: #66FF66;
	color: #FFFFFF;
	border: 0.5pt solid #f5f5f5;
	margin-left: -2px;
	margin-top: -2px;
}

li.location-rain-forecast-28-days div#raincal div.nil-legend div.description,
li.location-rain-forecast-28-days div#raincal div.low-legend div.description,
li.location-rain-forecast-28-days div#raincal div.medium-legend div.description,
li.location-rain-forecast-28-days div#raincal div.high-legend div.description {
	width: 100%;
	color: #000;
	font-family: "LatoWebBold";
	height: 40%;
}

li.location-rain-forecast-28-days div#raincal div.nil-legend div.range,
li.location-rain-forecast-28-days div#raincal div.low-legend div.range,
li.location-rain-forecast-28-days div#raincal div.medium-legend div.range,
li.location-rain-forecast-28-days div#raincal div.high-legend div.range {
	width: 100%;
	color: #007700;
	font-family: "LatoWeb";
}

li.location-rain-forecast-28-days div#raincal div.raincal-legend {
	margin-top: 10px;
	height: 30px;
	text-align: left;
	border: 0px;
	width: 100%;
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	letter-spacing: 40%;
	color: #df0021;
}

div.raincal-legend {
	display: block;
}


/*
div#raincal div.nil-legend,div#raincal div.low-legend,div#raincal div.medium-legend,div#raincal div.high-legend {
	height:18px !important;
}
*/

li.location-rain-forecast-28-days div#raincal div.nil-legend {
	margin-left: 0px;
	background-color: #eeeeee;
	color: #000;
	width: 25%;
	border-right: 0.5pt solid #f5f5f5;
}

li.location-rain-forecast-28-days div#raincal div.low-legend {
	background-color: #CCFFCC;
	color: white;
	width: 24%;
	border-right: 0.5pt solid #f5f5f5;
}

li.location-rain-forecast-28-days div#raincal div.medium-legend {
	background-color: #99FF99;
	color: white;
	width: 25%;
	border-right: 0.5pt solid #f5f5f5;
}

li.location-rain-forecast-28-days div#raincal div.high-legend {
	background-color: #66FF66;
	color: white;
	width: 25%;
}

div#raincal div.legend-text {
	margin-top: 3px;
	color: black;
	width: 80px;
	height: 30px;
	text-align: center;
}

div#raincal div.left-text-cell {
	margin-left: 20px !important;
}

#wz .rain-forecast-left h4,
#wz .rain-forecast-right h4 {
	margin-bottom: 5px;
	font-family: "LatoWebBold";
	font-size: 8.3pt !important;
	letter-spacing: 40%;
	color: #df0021;
	text-transform: uppercase;
}

#wz .rain-forecast-left h4 {
	padding-bottom: 10px;
}

#wz .rain-forecast-right h4 {
	padding-left: 10px;
	padding-right: 10px;
}

.rain-forecast-right p {
	padding-left: 10px;
	padding-right: 0px;
	letter-spacing: normal;
	font-family: "LatoWeb";
	font-size: 10pt;
	color: #000;
}


/* END 28 days rain forecast */


/* 12 month rainfall */

div#raincal div.near-normal-base,
div#raincal div.well-below-normal,
div#raincal div.below-normal,
div#raincal div.near-normal,
div#raincal div.above-normal,
div#raincal div.well-above-normal,
div#raincal div.twelve-month-rain {
	width: 100%;
	padding-top: 0px;
	position: absolute;
	bottom: 0px;
	box-shadow: inset #ffffff30 0px 0px 0px 0px;
	border-bottom: 1px solid #fff;
}

div#raincal div.twelve-month-rain-code-12 {
	width: 7.05%;
}

div#raincal div.twelve-month-rain-code-11 {
	width: 7.74%;
}

div#raincal div.well-below-normal-code,
div#raincal div.below-normal-code,
div#raincal div.near-normal-code,
div#raincal div.above-normal-code,
div#raincal div.well-above-normal-code,
div#raincal div.twelve-month-rain-code {
	height: 20px;
	padding-top: 0px;
	text-align: center;
	color: #000;
	line-height: 20px;
	border-right: 0.05em solid #fff;
	font-family: "LatoWebBold";
}

div#raincal div.well-below-normal-legend,
div#raincal div.below-normal-legend,
div#raincal div.near-normal-legend,
div#raincal div.above-normal-legend,
div#raincal div.well-above-normal-legend,
div#twelve-month-rain {
	float: left;
	width: 18%;
	height: 27px;
	line-height: 27px;
	color: #000;
	box-shadow: inset #ffffff30 0px 0px 0px 0px;
}

div#raincal div.twelve-month-rain,
div#raincal div.twelve-month-rain-code {
	background-color: #cac4c4;
	border: 6px solid #d2caca;
}

div#raincal div.well-below-normal,
div#raincal div.well-below-normal-code,
div#raincal div.well-below-normal-legend {
	background-color: #ff8888;
}

div#raincal div.below-normal,
div#raincal div.below-normal-code,
div#raincal div.below-normal-legend {
	background-color: #ffbbbb;
}

div#raincal div.near-normal,
div#raincal div.near-normal-code,
div#raincal div.near-normal-legend {
	background-color: #dddd88;
}

div#raincal div.above-normal,
div#raincal div.above-normal-code,
div#raincal div.above-normal-legend {
	background-color: #bbbbff;
}

div#raincal div.well-above-normal,
div#raincal div.well-above-normal-code,
div#raincal div.well-above-normal-legend {
	background-color: #8888ff;
}

div#raincal div.near-normal-base {
	width: 100%;
	background: #dddd88;
}

li.location-rain-forecast-12-months div#raincal div.twelve-month-rain-legend-text {
	width: 78%;
	height: 27px;
	text-align: left;
	float: left;
	background: #f5f5f5;
	color: #6e6e72;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
	line-height: 27px;
}

div#raincal div.twelve-month-rain-month {
	width: 7.5%;
	border-right: 0.05em solid #fff;
	text-align: center;
	font-family: "LatoWebBold";
	font-style: normal;
	font-size: 8.1pt;
	background: #97979A;
	color: #fff;
	line-height: 13px;
	height: 32px;
	padding-top: 5px;
}

div#raincal div.twelve-month-rain-bar {
	width: 8.29%;
	height: 150.0px;
	padding-top: 0px;
	border: 0px;
	position: relative;
	border-right: 0.05rem solid #fff;
}

div#raincal div.twelve-month-rain-y {
	width: 100%;
	height: 16px;
	position: absolute;
	color: #000;
	background-color: #dddddd;
	font-family: "LatoWebBold";
}

div#raincal div.twelve-month-rain-y-label {
	width: 8.8%;
	height: 150.0px;
	/*padding-top: 5px; */
	/*margin-top: -7px;*/
	margin-top: 0px;
	border-bottom: 0px;
	position: relative;
	background: #dcdcdc;
}

#wz ol#modules div#rainfall-tabs {
	float: right;
	margin-top: -34px;
}

#wz ol#modules div#rainfall-tabs ul {
	list-style-type: none;
	margin-right: 0px;
}

#wz ol#modules div#rainfall-tabs ul li {
	float: left;
	padding: 5px 15px 6px 15px;
	background: #e1e5e8;
	cursor: pointer;
}

#wz ol#modules div#rainfall-tabs ul li.active {
	padding: 5px 15px 0px 15px;
	border-bottom: 5px solid #298763;
}

#wz ol#modules div#rainfall-tabs ul li a {
	font: bold 16px 'Open Sans', san-serif;
	color: #707070;
}

#wz ol#modules div#rainfall-tabs ul li.active a {
	font: bold 16px 'Open Sans', san-serif;
	color: #298763;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(224, 224, 224, 0.8);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

#wz .rain-forecast-right .district-menu {
	margin-left: 10px;
}

#wz .rain-forecast-right .district-menu h4 {
	padding-left: 0px;
}

#wz .rain-forecast-right .district-menu .district {
	margin-top: 0px;
}

#wz .rain-forecast-right .district-menu .district h4 {
	padding-left: 0px;
	padding-right: 0px;
	font-family: "LatoWebBold";
	font-size: 8.3pt;
}


/* end of 12 month rainfall */


/*  7-day forecast */

#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu,
#wz ol#modules li.seven-day-forecast .tertiary-menu {
	float: right;
	margin-right: 0px;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div {
	float: left;
}

#wz ol#modules li.seven-day-forecast .tertiary-menu div {
	float: right;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div h4 a,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div h4 a,
#wz ol#modules li.seven-day-forecast .tertiary-menu div h4 a,
#wz ol#modules li.extend-almanac  .menubutton h4 a,
#wz ol#modules li.pass-5-days-temperature-rain  .menubutton h4 a {
	font-size: 7.0pt;
	color: #5a595e;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div h4 a,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div h4 a {
	margin-right: 5px;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div h4 a:hover,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div h4 a:hover,
#wz ol#modules li.seven-day-forecast .tertiary-menu div h4 a:hover,
#wz ol#modules li.extend-almanac  .menubutton h4 a:hover,
#wz ol#modules li.pass-5-days-temperature-rain  .menubutton h4 a:hover {
	color: #000;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div h4 a:visited,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div h4 a:visited,
#wz ol#modules li.seven-day-forecast .tertiary-menu div h4 a:visited,
#wz ol#modules li.extend-almanac  .menubutton h4 a:visited,
#wz ol#modules li.pass-5-days-temperature-rain  .menubutton h4 a:visited {

	color: #df0021;
}

#wz ol#modules li.location-rain-forecast-28-days .tertiary-menu div h4,
#wz ol#modules li.location-rain-forecast-12-months .tertiary-menu div h4,
#wz ol#modules li.seven-day-forecast .tertiary-menu div h4 {
	font-family: "LatoWebBold";
	font-size: 8.3pt;
	text-transform: uppercase;
	line-height: 24px;
}


/* end  7-day forecast  */


/* ---------- WXENG-766 next 24 hours -------- */

#ga_tide_graph {
	display: block;
	height: 320px;
	width: 640px;
	margin-top: -22px;
}

#elders_24_hours {
	display: none;
}

table#data {
	display: none;
}

table#tooltip {
	width: 760px;
	background: #ffffff;
	padding: 10px;
}

table#tooltip td {
	text-align: center;
	color: #767272;
	font-size: 12px;
	font-weight: bold;
	width: 8%;
}

table#tooltip td.title {
	word-spacing: 100vw;
	vertical-align: bottom;
	border-bottom: 0px solid #ddd;
}

table#tooltip td.unit {
	color: #959594;
	font-size: 10px;
	font-weight: normal;
	border-top: 0px solid #ddd;
	padding-top: 0;
}

table#tooltip td.time_title {
	color: #7b7b7b;
	font-size: 14px;
	font-weight: normal;
	width: 100px !important;
	vertical-align: middle;
	border-bottom: 0px solid #ddd;
}

table#tooltip td.wind_direction,
table#tooltip td.wind_speed,
table#tooltip td.wind_gust {
	color: #13c272;
}

table#tooltip td.temp_c {
	color: #f64c4c;
}

table#tooltip td.dew_point_c {
	color: #0d3fcf;
}

table#tooltip th.time {
	color: #7b7b7b;
	font-size: 12px;
	font-weight: normal !important;
	text-align: left;
	width: 100px !important;
	vertical-align: middle;
}

table#tooltip tr.historical_observation_detail td {
	border-top: 1px solid #D4D4D4;
	padding: 8px 0;
}


/* ----- end next 24 hours ---- */


/* -- hide the favourite location message */

#no_default_location {
	display: none;
}


/* --- delta-T ---- */

.local_grad_delta-t_low {
	color: #FFA500;
}

.local_grad_delta-t_medium {
	color: #008000;
}

.local_grad_delta-t_high {
	color: #FF0000;
}

#wz table td.local_grad_delta-t_low {
	color: #FFA500;
}

#wz table td.local_grad_delta-t_medium {
	color: #008000;
}

#wz table td.local_grad_delta-t_high {
	color: #FF0000;
}


/*  Climatology module */

#wz div#notice div.wrapper {
	border: 0px;
}

#wz div#notice {
	margin: 0 0 0em 0;
}

#wz ol#modules li.climatology-observations {
	margin-top: -10px;
}

li.climatology-observations #module-title-1,
table.long_term_climatology tr th.caption_name,
div#local_weather_required {
	display: none;
}

li.climatology-observations #module-title-2 {
	display: block;
	border: 0px;
       margin-top: 10px;
}


#wz table.long_term_climatology th {
   font-family: "LatoWebBold";
}

#wz table.long_term_climatology th.caption_name {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #606060;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
}

#wz table.long_term_climatology th.title {
	background-color: #FFFFFF;
	font-weight: normal;
	color: #acacac;
}

#wz table.long_term_climatology th.current_month {
	background-color: #cdd3d7;
	font-weight: normal;
	color: #acacac;
}

#wz table.long_term_climatology td.temp_min_c {
	color: #000080 !important;
	background: #fff;
}

#wz table.long_term_climatology tr:nth-child(2) th:nth-child(1) {
	color: #000080 !important;
	background: #fff !important;
}

#wz table.long_term_climatology td.current_month {
	background-color: #fff !important;
}

#wz table.long_term_climatology td.temp_max_c {
	color: #d53333 !important;
	background: #fff;
}

#wz table.long_term_climatology tr:nth-child(1) th:nth-child(1) {
	color: #d53333 !important;
	background: #fff !important;
}

#wz table.long_term_climatology td.rainfall_mm {
	color: #007700 !important;
	background: #fff;
}

#wz table.long_term_climatology tr:nth-child(3) th:nth-child(1) {
	color: #007700 !important;
	background: #fff !important;
}

#wz table.long_term_climatology td.rainfall_mm_day {
	color: #000 !important;
	background: #fff;
}

#wz table.long_term_climatology tr:nth-child(4) th:nth-child(1) {
	color: #000 !important;
	background: #fff !important;
}

#wz table.long_term_climatology {
	margin-top: -10px;
}

#wz table#fixed-layout thead th.title {
	font-family: "LatoWeb";
	font-style: normal;
	font-size: 10pt;
	background: #97979A !important;
	text-align: center;
	color: #fff;
	border: 0.5pt solid #f5f5f5;
}

table#fixed-layout,
table#fixed-layout tr,
table#fixed-layout tr td {
	padding: 8px 0px 5px 0px;
}

#wz table.long_term_climatology tr:nth-child(n) td:nth-child(14) {
    font-family: "LatoWebBold";
}

/* END  Climatology module */


/*  satellite */

li.responsive-satellite-animator .weatherzone-container {
	display: flex;
}

li.responsive-satellite-animator .weatherzone-widget {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	height: 40em;
}


/*  radar + satellite */

.weatherzone-legend img {
	width: auto;
	margin: 0px !important;
}

.weatherzone-reflectivity-scale img {
	width: 35%;
}

.weatherzone-widget .weatherzone-options-header {
	background-color: #DF0021;
}

.weatherzone-widget .weatherzone-controls-button-startstop {
	background-image: url('/styles/icons/elders/radars/radar-play.png');
	background-size: 70%;
}

.weatherzone-widget .weatherzone-controls-button-startstop.started {
	background-image: url('/styles/icons/elders/radars/radar-pause.png');
	background-size: 70%;
}

.weatherzone-widget .weatherzone-controls-button-options {
	background-image: url('/styles/icons/elders/radars/radar-layers.png');
}

.weatherzone-widget .weatherzone-controls-button-options-close {
	background-image: url('/styles/icons/elders/radars/close.svg');
	background-size: 75% 75%;
}

.weatherzone-widget .weatherzone-options-layers li.lig {
	background-image: url('/styles/icons/elders/radars/lightning.png');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-options-layers li.rad {
	background-image: url('/styles/icons/elders/radars/radar.png');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-options-layers li.borders {
	background-image: url('/styles/icons/elders/radars/borders.png');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-options-layers li.locations {
	background-image: url('/styles/icons/elders/radars/locations.png');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-options-layers li.warnings {
	background-image: url('/styles/icons/elders/radars/warnings.png');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-options-layers li>div label {
	background-image: url('https://www.energex.com.au/__data/assets/file/0004/468859/uncheck.svg');
	background-size: 75% 75%;
}

.weatherzone-widget .weatherzone-options-layers li>div input:checked+label {
	background-image: url('/styles/icons/elders/radars/check.svg');
	background-size: 1.4em 1.4em;
}

.weatherzone-widget .weatherzone-slider::-webkit-slider-thumb {
	background: #DF0021;
}

.weatherzone-widget .weatherzone-slider::-moz-range-thumb {
	background: #DF0021;
}

.weatherzone-widget .weatherzone-slider::-ms-thumb {
	background: #DF0021;
}

.weatherzone-timestamp {
	background-color: transparent !important;
	right: auto !important;
}

.weatherzone-timestamp .master {
	color: #fff;
}

#wz .weatherzone-controls-button {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	font-size: 1em;
	padding: 1.4em 1.6em;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 0px;
}

#wz ol#modules .weatherzone-options-layers li {
	-webkit-box-flex: 1;
	flex: 1 0 auto;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-ordinal-group: 100;
	order: 99;
	margin: 0;
	padding-right: .6em;
	padding-left: 3.2em;
	line-height: 2.6;
	background-position: .6em center;
	background-repeat: no-repeat;
	background-size: 1.6em 1.6em;
}


/* end radar */


/* news */

#right-col .rhsbox div#newsheader h4.news:before {
    float: left;
    padding-right: 5px;
    content: url(/styles/icons/elders/common/news@2x.png);
    display: inline-block;
    transform: scale(.6);
    position: relative;
    margin-top: -10px;
    padding-left: 9px;
    vertical-align: middle;
    display: table-cell;
}

#wz div.main .weather_news ul.bullet,
#wz div.main h3.news-back-link {
  display: none;
}
#wz ol#modules li.national-weather-news div#feature {
	margin-top: -5px;
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

#wz div.main .weather_news h3,
#wz ol#modules li.national-weather-news h3 {
	float: left;
	padding: 10px;
	width: 98%;
	font-size: 9.5pt;
	border-bottom: 0px;
	margin: 0px;
	padding-bottom: 0px;
}
#wz div.main .weather_news h3 a,
#wz ol#modules li.national-weather-news h3 a {
	float: left;
	color: #000;
	font-size: 9.5pt;
	margin: 0px;
	margin-left: -10px;
	text-decoration: none;
	font-family: "LatoWebBold";
}

#wz div.main .weather_news h3 a{
 color: #df0021;
}
#wz div.main .weather_news .day,
#wz ol#modules li.national-weather-news .day {
	color: #adacae;
	font-size: 8.3pt;
	font-family: "LatoWebBold";
	text-transform: uppercase;
	margin: -9px 0px 0px 0px;
}

#wz ol#modules li.national-weather-news p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#wz ol#modules li.national-weather-news .line {
	margin-left: 0px;
	max-width: 99%;
}

#wz ol#modules li.national-weather-news .readmore {
	text-decoration: none;
}
#wz ol#sidebarmodules li.weather-news.teaser h3,
#wz ol#sidebarmodules li.weather-news.teaser div.latestnews{
  display:none;
}

#right-col .rhsbox .recent-warnings ul li a .message.news{
  width: 79%;
}
#right-col .rhsbox .recent-warnings ul li a .datetime.news{
  width: 20%;
}


/* end news */


/* data sources */

#wz ol#sidebarmodules li.admin-generated-content.teaser {
	display: none;
}

#wz ol#modules li.admin-generated-content-full-page {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#wz ol#modules li.admin-generated-content-full-page h3 {
	display: none;
}
/*
.reference {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
*/
.reference {
   float: left;
    padding: 0px;
    clear: both;
    display: block;
    width: 639px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.reference .bom {
	float: left;
	width: 81.5%;
	margin-right: 23px;
	overflow: hidden;
}

.reference .wz {
	float: right;
	width: auto;
	height: 20px;
	overflow: hidden;
}


/* end data sources */


/* info -> apps */

#wz ol#modules li.admin-generated-content-full-page .col-1-left {
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-left: 0px;
	margin-bottom: 23px;
	margin-right: 0px;
	clear: both;
}

#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-right: 23px;
}

.col-1-left .apps {
	width: 100%;
	margin: 23px 0px 0px 0px;
}

#wz ol#modules li.admin-generated-content-full-page .col-1-left .data-source h4 {
	font-size: 9.5pt;
}

.col-1-left .apps .app-1-screen {
	background-image: url('/styles/images/elders/images/apps/app-1.png');
}

.col-1-left .apps .app-2-screen {
	background-image: url('/styles/images/elders/images/apps/app-2.png');
	float: right;
}

.col-1-left .apps .app-3-screen {
	background-image: url('/styles/images/elders/images/apps/app-3.png');
}

.col-1-left .apps .app-4-screen {
	background-image: url('/styles/images/elders/images/apps/app-4.png');
	float: right;
}

#wz ol#modules li.admin-generated-content-full-page .col-1-left h3 {
	display: block;
	border: 0px;
}

#wz ol#modules li.admin-generated-content-full-page .col-1-left .feature ul {
	list-style-type: circle;
}


/* WXENG-828 */

#wz ol#modules li.secondary-menu,
#wz ol#modules li.elders-current-conditions,
#wz ol#modules li.seven-day-forecast {
	margin: 0 0 5px 0;
}

#wz ol#modules li.elders-current-conditions .middleContent .obscast .line {
	max-width: 100%;
        height: 0.5pt;
        margin: 0 auto;
        margin-left: 0px;
        margin-right: 0px;
	overflow: hidden;
	border-bottom: 0.6pt solid #f5f5f5;
}

#wz ol#modules li.seven-day-forecast #seven-day-forecast-heading .heading h3 {
	margin-top: 10px;
}

#wz ol#modules li.seven-day-forecast {
	margin-top: 0px;
}

#wz ol#modules .style-six { display: none;}

#wz ol#modules h3 {
    border-bottom: 0px solid #efefef;
}
#wz ol#modules .location h3 {
    margin: 10px 0px;
}

.copyright {
  display: none;
}

/* WXENG-814 */
/*
#wz ol#modules ul.tabs {
    margin: 10px -30px 0px 0px !important;
    overflow: hidden;
    width: 56%;
    float: right;
}
*/
#wz ol#modules li.national-synoptic-chart ul.tabs{
    margin-top: 10px !important;
    overflow: hidden;
    width: auto;
    float: right;
}
/*
#wz ol#modules ul.tabs li
{
    padding: 5px 5px 2px 5px !important;
    border: 0.5pt solid #5a595e;
    color: #adacae;
    text-transform: uppercase;
    float: left;
    line-height: 15px;
}
*/
#wz ol#modules ul.tabs li {
    padding: 5px 5px 5px 5px !important;
    border: 0.5pt solid #5a595e;
    color: #adacae;
    text-transform: uppercase;
    float: left;
    text-align: center;
    line-height: 15px;
}

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

#wz ol#modules ul.tabs li a{
    text-decoration: none;
}
#wz ol#modules li.national-synoptic-chart ul.tabs li a{
     font-size: 8.3pt;
     font-family: "LatoWebBold";
     color: #5a595e;
}

#wz ol#modules ul.tabs li.selected {
    border: 1px solid #df0021;
    color: #df0021;
}
#wz ol#modules ul.tabs li.selected a{
    color: #df0021;
}
#wz ol#modules #summary ul.news li h4 a{
color: #ABABAA;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: uppercase;
}
#wz ol#modules li.national-synoptic-chart h3 div.day {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "LatoWeb";
    font-style: normal;
    font-size: 10px;
    color: #5a595e;
    vertical-align: top;
}

/*  climate */

#wz div.main #agri_buttons .agri-submenu{
  float: right;
  margin-right: 13px;
}

#wz div.main #agri_buttons .sstanomalies,
#wz div.main #agri_buttons .sst{
  margin-top: 23px;
}

#wz div.main #agri_buttons .agri-submenu a.white_button,
#wz div.main #agri_buttons .agri-submenu a.black_button,
#wz div.main #agri_buttons a.black_button, 
#wz div.main #agri_buttons a.white_button{
    font-weight: noral;
    font-family: "LatoWeb";
    font-style: normal;
    display: inline-block;
    text-decoration: none !important;
    background: #fff;
    background-color: #fff;
    border-radius: 0px;
     -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: inset 0;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#wz div.main #agri_buttons .agri-submenu a{
  float:left; 
  color: #5a595e !important;
  border-left: 0.5pt solid #5a595e !important;
 }
#wz div.main #agri_buttons .agri-submenu a.active{
  border: 0.5pt solid #df0021 !important;
  color: #df0021 !important;
 }

#wz div.main .agriculture {
  border : 0px;
}
#wz div.main .agriculture ul.sf-menu{
  width:98%;
  float: left;
  margin-bottom: 10px;
}
#wz div.main .agriculture h3,
#wz div.main .agriculture ul.sf-menu li.rainfall-14d {
 display: none !important;
}
#wz div.main .agriculture ul.sf-menu li {
    width: 24.85%;
    border-left: 0.5pt solid #adacae;
    display: table-cell;
    text-align: center;
}

#wz div.main .agriculture ul.sf-menu li a {
    display: block;
    color: #6e6e72;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 6.8pt;
}

#wz div.main .agriculture ul.sf-menu li:nth-child(1){
	border-left: 0px;
}

#wz div.main #agri_buttons {
  margin-top: -20px;
}

#wz div.main .agriculture ul.sf-menu li.active a, 
#wz div.main .agriculture ul.sf-menu li.visited a {
    color: #fff;
    background: #df0021;
}

.national .location .day {
       margin: -15px 0px 0px 0px;
}

/* ## Breakpoints  for
  ## Device = Tablets, Ipads (portrait)
  ## Screen = B/w 768px to 1024px
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{

/*#wz ol#modules li.admin-generated-content-full-page,  */
#wz ol#modules .second-search-box,
 .hide-menu-button,
.hide-search-button,
.mobile-container{
  display: none !important;
}
#wz ol#modules li.admin-generated-content-full-page {
    margin-left: 15px;
    margin-right: 15px;
}

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

 .elders-gnav{
     width: 100%;
 }
.navBox ul,
.elders-gnav .container-fluid,
.elders-footer .container {
    max-width: 100%;
 }

  #wz div.sidebar,
  #wz div.main,
 .elders-gnav .container-fluid,
 .elders-gnav .col-sm-12,
 .elders-gnav .nav-top,
  #menu,
  #wz .wrapper,
  #wz ol#modules li.full
  {
    width: 100%;
 }

  #wz div.sidebar{
    width: 99.5%;
    margin: 10px;
}
  .elders-gnav .nav-linc > li {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0px;
}

.elders-gnav .nav-linc {
    padding: 0px 15px;
}

.sticky-wrapper{
   display: block !important;
 }

 ul#menuitems>li>a {
   padding-left: 5px;
   font-size: 9pt;
 }

.navBox ul li a {
    padding: 5px 5px;
}

#wz div.national {
    margin: 15px;
    border: 0px;
    margin-top: 0px;
}
#wz ol#modules li.national-forecast {
   width:97%;
   margin:10px;
  }

.elders-footer .col-xs-3{
    width: 21%;
   padding-left: 5px;
 }

#right-col .rhsbox .recent-warnings ul li a .row .state {
    width: 6%;
}

#right-col .rhsbox .recent-warnings ul li a .row .datetime {
    width: 20%;
}

#right-col .rhsbox .recent-warnings ul li a .row .message{
    width: 70%;
 }
 
.reference {
    width: 99%;
  }

#wz ol#sidebarmodules li.national-warnings.teaser #right-col .rhsbox{
     margin-top:0px;
  }

}

/* WXENG-843 WXENG-1225 */
#wz ol#modules li.monthly-historical-observations ul.tabs {
    margin: -45px 0px 0px 0px !important;
    overflow: hidden;
    float: right;
    width: auto !important;
}
div.obs_legend{
    display: none;
}
table#elders_obs_legend td.cell_warm {
    background-color: #FFBBBB;
}
table#elders_obs_legend td.cell_cool {
    background-color: #BBBBFF;
}
table#elders_obs_legend td.cell_wet {
    background-color: #BBFFBB;
}
table#elders_obs_legend td.cell_record {
    background-color: #FFFF00;
}
table.climate_history tr.title {
    text-align: left;
    padding-left: 10px;
    font-family: "LatoWeb";
    font-weight: normal;
    font-size: 12px;
}
#wz table.climate_history th.th1_temp_min
{
    background-color: #000080;
}
#wz table.climate_history th.th1_temp_max {
    background-color: #d53333;
}
#wz table th.th1_rain {
    background-color: #007700;
}
#wz table.climate_history td.temp_min_c{
    color: #000080;
}

#wz table.climate_history tr.this_month_avg td.temp_min_c{
    color: #000080;
    font-weight: bold;
}
#wz table.climate_history tr.this_month_avg td.temp_max_c{
    color: #d53333;
    font-weight: bold;
}
#wz table.climate_history td.temp_max_c{
    color: #d53333;
}
#wz table.climate_history td.rainfall_years{
    color: #007700;
    font-weight: bold;
}
#wz table.climate_history td.rainfall{
    color: #007700;
}

#wz table.climate_history tr:nth-child(odd) th.date, 
#wz table.climate_history tr:nth-child(odd) th.row 
{
    background-color: #fff;
}
#wz table.climate_history tr:nth-child(even) th.date,
#wz table.climate_history tr:nth-child(even) th.row  
{
    background-color: #DDDDDD;
}
#wz table.climate_history th.date
{
    color: #000;
}
#wz table.climate_history th.row  
{
    color: #4c4c4c;
    font-weight: bold;
    font-size: 12px;
}
#wz table.climate_history tr:nth-child(even) {background-color: #DDDDDD;}
#wz table.climate_history tr:nth-child(odd) {background-color: #FFF;}

#wz table.climate_history tr.this_rainfall_driest{
    background-color: #FFF;
}

#wz table.climate_history tr.this_rainfall_driest th.row  
{
    background-color: #FFF;
}

/* WXENG-827 */
div.menu-info {
    width: 17.25%;
    right: auto;
}

/* ad */

#wz ol#sidebarmodules li.custom-content.teaser h3 {
  display: none !important;
}

#wz ol#sidebarmodules li.custom-content.teaser {
  margin-bottom: 0px;
}
#weather_text_banner_300x50 {
     display: inline-table;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    width: 100%;
}

ol#modules li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain h2{
  width: 160px;
  padding-top: 10px;
}
ol#modules  li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain div#this_month{
   float: right;
   margin-top: -20px;
   height: 30px;
}
/*
ol#modules li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain div#this_month a{
   padding: 3px 5px;
   font-size: 14px;
   color: #171719;
   border: 1px solid #5a595e;
   text-decoration: none;
}
ol#modules li.pass-5-days-temperature-rain div.pass_5_days_temperature_rain div#this_month a:hover{
   color: #000;
}
*/

.map-data-div.state .map-data.current-condition,
.map-data-div.dist .map-data.current-condition  {
  display: block !important;
}
.map-data-div.state .map-data.current-condition  .wx,
.map-data-div.state .map-data.forecast  .wx,
.map-data-div.dist .map-data.current-condition  .wx,
.map-data-div.dist .map-data.forecast  .wx{
    clear: both;
    margin: 0px !important;
}
.map-data-div.state .map-data.current-condition .location,
.map-data-div.state .map-data.forecast  .location,
.map-data-div.dist .map-data.current-condition .location,
.map-data-div.dist .map-data.forecast  .location{
    width: auto;
    margin: 0px;
}
/*
.map-data-div.dist .map-data.current-condition  .wx{
   position: absolute;
    top: 50%;
    margin: 0px;
    margin-left: 23px;
}
*/

.map-data-div.state div#\39\33\38\34{
  margin-left: -16px !important
}

/* WXENG-864 */
#wz ol#modules li.tropical-cyclone #tropical_cyclone-nav ul.menubutton li.goright{
    float: right;
}

.extend-almanac h2.ff_warning_header{
    float: left;
    width:auto;
}

.extend-almanac .menubutton{
    float: right;
    width:auto;
}
#wz .extend-almanac .menubutton h4{
    margin: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* climatology */
#wz ol#modules li.climatology-station-details.full h3,
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full h3:nth-of-type(1),
#wz ol#modules li.climatology-daily-records.full h3:nth-of-type(1),
#wz ol#modules li.climatology-monthly-records.full h3:nth-of-type(1){
    display:none; 
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full h3,
#wz ol#modules li.climatology-daily-records.full h3,
#wz ol#modules li.climatology-monthly-records.full h3{
    margin-bottom: 10px;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table,
#wz ol#modules li.climatology-daily-records.full div.grid-table,
#wz ol#modules li.climatology-monthly-records.full div.grid-table {
    margin: 0 auto;
    width: 100%;   
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row,
#wz ol#modules li.climatology-daily-records.full div.grid-table .row,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row{
  border: 0px solid #e2e1e1;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .column,
#wz ol#modules li.climatology-daily-records.full div.grid-table .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .column {
    float: left;
    width: 6.16%;
    line-height: 13px;
    height: 24px;
    padding-top: 10px;
    font-family: "LatoWeb";
    font-style: normal;
    font-size: 8.1pt;
    text-align: center;
    color: #fff;
    border: 0.5pt solid #f5f5f5;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.head .column,
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.head .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.head .column {
    background: #97979A;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.body .column,
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.body .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.body .column {
    background: #fff;
    font-size: 10pt;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table  .column.heading,
#wz ol#modules li.climatology-daily-records.full div.grid-table  .column.heading,
#wz ol#modules li.climatology-monthly-records.full div.grid-table  .column.heading  {
    width: 16%;
    font-family: "LatoWebBold";
    text-align: left;
    padding-left: 5px;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table  .column.annual ,
#wz ol#modules li.climatology-daily-records.full div.grid-table  .column.annual ,
#wz ol#modules li.climatology-monthly-records.full div.grid-table  .column.annual  {
    font-family: "LatoWebBold";
    font-style: italic;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.tempmax  .column,
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.tempmax  .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.tempmax  .column {
    color: #d53333;
}
#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full div.grid-table .row.tempmin .column,
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.tempmin .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.tempmin .column{
    color: #000080;
}
#wz ol#modules li.climatology-daily-records.full div.grid-table .row.rain .column,
#wz ol#modules li.climatology-monthly-records.full div.grid-table .row.rain .column{
    color: #007700;
}

#wz ol#modules li.climatology-average-number-of-days-with-temperatures.full{
  margin-bottom:0px;
}
#wz acronym {
    border-bottom: 1px dotted;
    cursor: help;
}
#wz ol#modules li.climatology-station-details.full  .station-details{
   margin-top: 10px; 
   border: 1px solid silver; 
   padding: 2px;
}

div.spacer_v1 {
    clear: both;
    padding: 1px 0px 0px 0px;
    margin: 0px;
    font-size: 0px;
}

#wz ol#modules li.climatology-station-details.full  .station-details .left{
   float: left; 
   width: 40%;
   padding-right: 10px;
}
#wz ol#modules li.climatology-station-details.full  .station-details .right{
   float: left; 
   width: 58%;
}

/*  privacy */

#wz li ol.privacy{
    list-style-type: decimal !important;
    margin: 0px !important;
    margin-left: 15px !important;
}
#wz li ol.privacy .text {
   margin-left:-15px;
}

#wz li.admin-generated-content-full-page.full .col-1-left ul{
    list-style-type: disc !important;
    margin: 0px !important;
    margin-left: 15px !important;
}
#wz li.admin-generated-content-full-page.full .col-1-left h4{
  color: #111;
}
.privacy-link{
  margin-left: 10px;
}

.privacy-link a{
     color: #000 !important;
    line-height: 27px;
    font-family: "LatoWebBold";
}


#wz ol#modules li.feedback table.feadback_result th, 
#wz ol#modules li.feedback table.feadback_result td{
   text-align: left;
}

#wz div#breadcrumbs ul{
  width: 65%;
}

#menu-sticky-wrapper ul#menuitems>li {
 width: 14%;
}

#wz div.chart div.forecast {
    margin-top: 0em;
    margin-bottom: -20px;
}

#wz ol#modules li.dam-levels .dam .level .updated{
    color: #adacae;
    font-family: "LatoWebBold";
    margin: -13px 0px 10px 0px;
}

#wz ol#modules li.dam-levels .dam .level .help{
    margin-top: -10px;
    margin-bottom: 10px;
}
#wz ol#modules li.dam-levels .dam .level h4{
    text-transform: uppercase;
    font-size: 8.3pt;
}

#menu-sticky-wrapper .navBox ul#menuitems>li>a{ 
  padding: 10px 10px !important;
}


/* WXENG-819 */
#wz ol#modules #world-map-table-nav ul.sf-menu {
         margin-bottom: 10px !important;
}

#wz ol#modules #world-map-table-nav ul.sf-menu li {
        width: auto !important;
}

#wz ol#modules #world-map-table-nav ul.sf-menu li:last-child{
    display: none;
}

#wz ol#modules #world-map-table-nav ul.sf-menu li:nth-last-child(2) {
    /*border-right: 0.5pt solid #adacae;*/
  text-align: right;
  right: 10px;
}

#wz div#breadcrumbs.breadcrumbs-error{
  margin-left: -13px; 
  margin-top: -10px;
}

/* WXENG-915 */
.wxhead {
    color: #ABABAA;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: uppercase;
}
.metadata{
    margin-right: 10px;
}
/* world weather*/
#wz ol#modules li.world-forecast.full> h3 {
 display: none;
}
#wz ol#modules .forecast table.world-forecast-elders caption{
    display: none;
}
#wz ol#modules .forecast table.world-forecast-elders tr td.location{
    font-family: "LatoWebBold";
    font-style: normal;
    font-size: 10pt;
    text-align: left;
    padding-left:10px;
}
#wz ol#modules .forecast table.world-forecast-elders tr td.location a{
 font-family: "LatoWebBold";
}

#wz ol#modules .forecast table.world-forecast-elders tr td.icon{
    text-align: center;
    padding-bottom: 10px;
}

#wz ol#modules .forecast table.world-forecast-elders tr td.icon img{
    float: none;
}

#wz ol#modules .forecast table.world-forecast-elders tr th{
    border: 0.2pt solid #f5f5f5;
    border-top: 0.2pt solid #97979A;
}

#wz ol#modules .forecast table.world-forecast-elders tr th.min,
#wz ol#modules .forecast table.world-forecast-elders tr td.min{
    color: #000080;
    text-align: center;
    font-family: "LatoWebBold";
}
#wz ol#modules .forecast table.world-forecast-elders tr th.max,
#wz ol#modules .forecast table.world-forecast-elders tr td.max{
    color: #d53333;
    text-align: center;
    font-family: "LatoWebBold";
}
/*
#wz ol#modules li.world-forecast.full .forecast table.world-forecast-elders tr th.rain,
#wz ol#modules li.world-forecast.full .forecast table.world-forecast-elders tr td.rain{
    color: #007700;
    text-align: center;
    font-family: "LatoWebBold";
}
*/

#wz ol#modules .forecast table.world-forecast-elders tr th.rain,
#wz ol#modules .forecast table.world-forecast-elders tr td.rain{
    color: #007700;
    text-align: center;
    font-family: "LatoWebBold";
}

#wz .world-forecast.full .forecast h4{
    text-transform: uppercase;
    font-size: 8.3pt;
    margin-bottom: 10px;
    margin-top: 10px;
    letter-spacing: unset;
}
#wz .world-forecast.full .continents {
    width: 100%;
    margin: 0px;
    margin-bottom: 23px;
}
#wz .world-forecast.full .continents h4 {
  text-transform: uppercase;
 margin-bottom: 10px;
}

/* world local*/
.world-local-7day-forecast .continents {
  margin-left:0px;
}

.world-local-7day-forecast .forecasts{
    float: left;
    width: 33%;
    margin-top: 23px;
}

.world-local-7day-forecast .continents h4,
.world-local-7day-forecast .forecasts h4{
    text-transform: uppercase;
}
#wz .world-local-7day-forecast .forecasts h4{
    font-size: 8.3pt;
    margin-bottom: 25px;
}
.world-local-7day-forecast .forecasts .wx{
    width: 100%;
    clear: both;
    height: 50px;
}

.world-local-7day-forecast .forecasts .wx .day,
.world-local-7day-forecast .forecasts .wx .icon,
.world-local-7day-forecast .forecasts .wx .min,
.world-local-7day-forecast .forecasts .wx .max{
    float: left;
   width: 25%;
   font-family: "LatoWebBold";
}
.world-local-7day-forecast .forecasts .wx .day{
    text-transform: uppercase;
    text-align: left;
  }

.world-local-7day-forecast .forecasts .wx .icon .icon{
    align-items: center;
    width: 94.73%;
    margin-top: -20px;
}

.world-local-7day-forecast .forecasts .wx .min{
    color: #000080;
    text-align: center;
 }

.world-local-7day-forecast .forecasts .wx .max{
    color: #d53333;
    text-align: center;
 }

#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .forecast{
  clear: both;
}

#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .forecast h4{
  text-transform: uppercase;
  font-size: 8.3pt;
}

.world-select .worlddrops {
    padding: 5px 5px 5px 5px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #D9D9D9;
    white-space: nowrap;
    margin: 0px;
}

.world-select .worlddrops label{
   font-family: "LatoWebBold";
}

.world-select div.worlddrops .country {
    float: left;
}
.world-select {
    clear: both;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

/* WXENG-966 */
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full> h3{
  display: none;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .current{
  xfloat: right;
}
.world-local .location {
    float: left;
    width: 53%;
    margin: 0px 0px 0px 0px;
}
#wz ol#modules .world-local .location h3{
   margin-top:0px;
   font-size: 16pt;
  letter-spacing: 0.5pt;
}
.world-local .location .day {
      margin: 0px 0px 0px 0px;
}
.world-local .menu .menubutton h4{
     text-transform: uppercase;
}
.world-local .menu .menubutton h4{
     text-transform: uppercase;
}
.world-local .menu .tertiary-menu div {
    margin-top: 10px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .current .observation .location h4{
    text-transform: uppercase;
    font-size: 8.3pt;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full  .current .observation .now .temp h3{
    font-size: 19pt;
    letter-spacing: 0px;
    font-weight: 100;
    margin-top: 15px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full  .current .observation .now  .trend{
    float: left;
    padding-left: 0px;
    display: inline-block;
    transform: scale(.9);
    margin-top: 25px;
    margin-left: 1px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .current .observation .now .other .feelslike{
  margin-top: -25px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container {
    position: relative;
    float: left;
    width: 63%;
    margin: 0px;
    margin-right: 23px;
}
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container .map {
    width: 100%;
    height: 251px;
}

#wz ol#modules li.world-forecast.full .world-map .map-data .location a{
    text-decoration: none;
    color: #45444a;
    font-family: "LatoWebBold";
    font-size: 8.5pt;
}

#wz ol#modules li.world-forecast.full .world-map .map-data .wx .icon,
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container .wx .icon {
    transform: scale(.6);
    margin-left: -10px;
}

#wz ol#modules li.world-forecast.full .world-map .map-data .wx .min,
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container .wx .min {
     color: #000080;
    font-family: "LatoWebBold";
    margin-left: -10px;
}
#wz ol#modules li.world-forecast.full .world-map .map-data .wx .max,
#wz ol#modules li.location-forecast-next-8-hours-2-and-7-days.full .map-container .wx .max {
    color: #d53333;
    font-family: "LatoWebBold";
    margin-left: 5px;
    margin-right: 5px;
}

/* WXENG-938 */
#wz ol#modules .location h1 {
    margin: 10px 0px;
    color: #df0021;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: 0.5pt;
    border-bottom: 0px solid #efefef;
}
#wz ol#modules .local h1 {
    margin: 10px 0px;
    color: #df0021;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    letter-spacing: 0.5pt;
    border-bottom: 0px solid #efefef;
}

/* rain menu*/
.rain-menu .submenu{
    margin-left: 20px;
    margin-top: 20px;
    width: 68%;
    clear: both;
    padding: 10px;
    padding-bottom: 0px;
}
.rain-menu .rain-menu-items{
    clear: both;
    margin-bottom: 30px;
}

/* CYCLONES */

#wz ol#modules li.tropical-cyclone.full div.national ul.menubutton li a {
    padding: 5px;
    font-size: 8.3pt;
    color: #5a595e;
    border: 0.5pt solid #5a595e;
    letter-spacing: 0.5pt;
}

#wz ol#modules li.tropical-cyclone.full div.national ul.menubutton li.active {
    border: 0;
}

#wz ol#modules li.tropical-cyclone.full div.national ul.menubutton li.active  a{
    border: 0.5pt solid #df0021;
    color: #df0021;
    background: #fff;
}

#wz ol#modules li.tropical-cyclone.full div.national {
  border-top: 0px;
  border-bottom: 0px;
  margin-bottom : 10px;
}

#wz ol#modules li.tropical-cyclone.full>p{
margin-top: 15px;
}

#wz div#breadcrumbs li.disabled {
    margin-top: 5px;
    margin-left: 5px;
}
#wz div#breadcrumbs .wrapper ul li a:visited,
#wz div#breadcrumbs .wrapper ul li a {
    text-decoration: none;
    font-size: 10pt;
    color: #000;
}
#wz div#breadcrumbs .wrapper ul li a:hover {
    text-decoration: underline;
}

#wz div#breadcrumbs .wrapper ul li.active a {
    color: #555;
}

/*  WXENG-978  */
#wz .main ol#modules li.custom-content.full{
    margin-top: -20px;
}
#wz ol#modules li.climatology-observations .page-title,
#wz .main ol#modules li.custom-content.full h3 {
  display: none;
}

/*  WXENG-1000  */
.world-map .layout {
  left: 0px;
}
#wz ol#modules .forecast table.world-forecast-elders tr td.now{
  font-family: "LatoWebBold";
}

.appsbox .storelogo a {
    margin-left: -10px;
}

#wz #weather_m_s_banner_320x50 { 
  display: none;
}

#div-gpt-ad-1569204710602-0 {
  display: none;
}

/* legends */
#content div.m-cont {
    float: left;
    width: 98%;
    margin: auto 0;
    padding: 0;
    margin-bottom: 23px;
}
#content div.m-cont  .middleContent .round_top_inner h1{
    border: 0;
    margin-top:10px;
    font-family: "LatoWeb";
    font-style: normal;
      letter-spacing: 1px;
}
#content div.m-cont  .middleContent h1{
    font-size: 10pt;
}

div.spacer_v5 {
      padding: 5px 0px 0px 0px;
      margin: 0px;
      font-size: 0px;
 }
 table.legendtable {
      border-collapse: collapse;
      border: 1px solid silver;
 }
 table.legendtable caption {
      background: #DEE3E6;
      font-weight: bold;
 }
 table.legendtable td {
      border: 1px solid silver;
 }
 table.legendtable td.legendcolour {
      width: 40px;
 }
 table.legendtable.borderless {
      border: 0;
 }
 table.legendtable.borderless td {
      border: 0;
 }

#content div.m-cont  .middleContent  .wxheadred {
    background: #d52b1e URL('/images/elders/th_bg.jpg') repeat-x top left;
    color: #FFF;
    padding: 5px;
    text-align: left;
    font-weight: normal;
}
#wz #content div.m-cont  .middleContent table tr.alt td {
  background: none;
}
/* shaded boxes */
table.temperature-legend tr .local_grad_tdb_-25 { background-color: #FFFFFF; }
table.temperature-legend tr.local_grad_tdb_-20 { background-color: #FFFFFF; }
table.temperature-legend tr.local_grad_tdb_-15 { background-color: #FFFFFF; }
table.temperature-legend tr.local_grad_tdb_-10 { background-color: #FFFFFF; }
table.temperature-legend tr.local_grad_tdb_-5 { background-color: #E1F6FB; }
table.temperature-legend tr.local_grad_tdb_0 { background-color: #BCEEFB; }
table.temperature-legend tr.local_grad_tdb_5 { background-color: #B9ECD8; }
table.temperature-legend tr.local_grad_tdb_10 { background-color: #CADB92; }
table.temperature-legend tr.local_grad_tdb_15 { background-color: #FFEB88; }
table.temperature-legend tr.local_grad_tdb_20 { background-color: #FBC25E; }
table.temperature-legend tr.local_grad_tdb_25 { background-color: #FF9933; }
table.temperature-legend tr.local_grad_tdb_30 { background-color: #FF7B33; }
table.temperature-legend tr.local_grad_tdb_35 { background-color: #CD5B12; }
table.temperature-legend tr.local_grad_tdb_40 { background-color: #FF3C1C; }
table.temperature-legend tr.local_grad_tdb_45 { background-color: #FF3C1C; }
table.temperature-legend tr.local_grad_tdb_50 { background-color: #FF3C1C; }

.local_grad_rh_100 { background-color: #000000; color: white; }
.local_grad_rh_75 { background-color: #000000; color: white; }
.local_grad_rh_50 { background-color: #006600; color: white; }
.local_grad_rh_25 { background-color: #339933; color: white; }
.local_grad_rh_0 { background-color: #00CC00; color: white; }

.local_grad_frost_severe { background-color: #66CCCC; }
.local_grad_frost_high { background-color: #66CCCC; }
.local_grad_frost_moderate { background-color: #99FFFF; }
.local_grad_frost_slight { background-color: #CCFFFF; }
.local_grad_frost_low { background-color: #E4F1FA; }
.local_grad_frost_nil { background-color: #FEFBDE; }

.local_grad_wind_0 { background-color: #6699FF; }
.local_grad_wind_1 { background-color: #66FF99; }
.local_grad_wind_2 { background-color: #FFFF99; }
.local_grad_wind_3 { background-color: #FFCC66; }
.local_grad_wind_4 { background-color: #FF0000; }
.local_grad_wind_5 { background-color: #990099; }

.local_grad_uv_extreme { background-color: #663399; color: white; }
.local_grad_uv_very_high { background-color: #9966CC; }
.local_grad_uv_high { background-color: #9966CC; }
.local_grad_uv_moderate { background-color: #9999CC; }
.local_grad_uv_low { background-color: #9999CC; }

.local_grad_delta-t_low { color: #FFA500; }
.local_grad_delta-t_medium { color: #008000; }
.local_grad_delta-t_high { color: #FF0000; }

.legend-icons{
  float:left; margin-bottom: 10px; border: 1px solid #999999;border-top: 1px solid #0A3864;padding: 10px;
}
.legend-icons .icon{
float: left; width: 90px; height: 70px; text-align: center;  padding: 5px;
}

/* WXENG-1147 */
#wz ol#modules li.feedback .feedback_device{
  display: none;
}
#wz ol#modules li.map-mobile-elders, #wz .national #national-dropdown{
  display: none;
}

/* WXENG-1163*/
#wz ol#modules li.location-rain-forecast-28-days table.raincal {
    float: left;
    width: 100%;
    letter-spacing: normal;
    font-size: 10px;
    margin: 8px 10px 8px 0px;
    background: white;
}

#wz ol#modules li.location-rain-forecast-28-days table.raincal td.cyan {
    background-color: #97979A;
    color: #fff;
    height: 14px;
    width: 14%;
    border-left: 0.5pt solid #ECECEC;
}
#wz ol#modules li.location-rain-forecast-28-days table.raincal td{
    text-align: center;
    line-height: 1.8em;
    font-size: 12px;
    border: 0.5pt solid #f5f5f5;
}
li.location-rain-forecast-28-days table.raincal td div.date {
    color: #000;
    font-family: "LatoWebBold";
}

/* WXENG-1160 */
#wz .feedback-form button[type] {
    padding: 4px 10px 4px 7px;
    line-height: 17px;
    background-color: red;
    color: white;
    margin-left: 12px;
}
.tabs {
    margin:  0;
    padding: 0;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
}

    .tabs__item {
        display: table-cell; /* [4] */
    }

        .tabs__link {
            display: block; /* [5] */
        }


/**
 * Primary nav. Extends `.tabs`.
 *
 * 1. Stop tabs’ corners leaking out beyond our 4px round.
 */
.primary-nav {
    text-align: center;
    border-radius: 4px;
    overflow: hidden; /* [1] */
}

        .primary-nav a {
            padding: 1em;
            background-color: #fff;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

        .primary-nav a:hover {
            background-color: #A3C43B;
        }


/* WXENG-1206 */
.first-row, .second-row, .third-row, .forth-row{
  width: 320px;
  float: left;
  overflow: hidden;
}

/* WXENG-1255 */
/* WXENG-1283 */
#desktop_new_forecast_top_wxh,
#desktop_new_radar_top_wxh{
  min-height:90px;
  max-height: 250px;
  overflow: hidden;
  padding: 10px;
}
#desktop_new_forecast_mid_1_wxh{
 margin-top:20px;
}
/* WXENG-1258 */
#desktop_new_radar_rhs_1_wxh{
  padding-top:23px;
}
#desktop_new_radar_mid_1_wxh{
  margin-top: 10px;
  margin-bottom: 10px;
}

/* WXENG-1272 : removed height */
#desktop_new_weather_top_728x90{ 
  display: inline-block;
  width: 728px;
  float: left;
}
#desktop_weather_Rside2_300x250{
  display: inline-block;
  height:100%;
  width:300px; 
  padding-top:23px;
}
#desktop_new_weather_Rside1_300x250{
  height:100%; 
  width:300px;
  padding-top:23px;
}
#wz ol#sidebarmodules li.custom-content.teaser div#weather_text_banner_320x50{
    margin-bottom: 45px; 
    clear:both;
}
/* WZB2B-12995 */
#wz ul.news li img {
    float: left;
    margin: 3px 15px 14px 0;
    width: 100% !important;
    height: 100% !important;
}

/* WZB2B-12939 */
.elders-footer-container {
    background: none;
}
.elders-footer .social-icons .nav-link {
    color: #000 !important;
}

.elders-footer .social-icons {
    line-height: 15px !important;
    margin-bottom: 2rem;
}


.elders-footer {
    background-color: #fff;
}

.elders-footer .container {
    border-top: 2px solid #d7d7d7;
    padding-top: 15px;
}

.privacy-link {
    width: 320px;
    float: right;
}

.privacy-link .right {
    float: right;
}

.privacy-link .left {
    float: left;
}

.elders-footer .appstore-badge {
    padding: 1.35rem;
    margin-left: 30px;
    margin-top: -15px;
}
.elders-footer .google-badge {
    margin-left: 45px;
    margin-top: -15px;
}

.pull-xs-right .title-right {
    float: left;
    font-weight: bold;
    margin-left: -160px;
    margin-top: 10px;
}
.pull-xs-right .contact-us-right {
    float: left;
    font-weight: bold;
    color: #df0021;
    margin-left: -160px;
    margin-top: 30px;
}

/* WZB2B-12938 */
.logo {
    float: left;
    height: 90px;
    width: 90px;
    position: relative;
    background-position: center;
}

.header-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 920px;
}

.menu-wrapper {
    padding: 0;
    margin: 0;
    width: 916px;
    background-color: #ffffff;
}
.menu-wrapper #menu {
    background: none;
    z-index: 9999 !important;
    border-bottom: 0px solid #ffffff;
    height: 43px !important;
    position: absolute;
    background-color: #ffffff;

}
#menu-sticky-wrapper .navBox ul#menuitems>li>a{
    color: black;
}
#menu-sticky-wrapper ul#menuitems>li {
    width: 13%;
}
#menu-sticky-wrapper ul#menuitems>li:nth-of-type(2)  {
    width: 16% !important;
}
#menu-sticky-wrapper ul#menuitems>li:first-child {
    margin-left: -10px;
}
.weather-text {
    float: left;
    font-size: 19pt;
    font-weight: normal;
    line-height: 45px !important;
    padding-left: 0;
    color: #000;
    font-family: "metaplus-bold";
    margin-left: 10px;
}
/* Style for the menu items with dropdowns */
#menuitems li {
    position: relative; /* Needed for positioning the pseudo-element */
    /* Additional styling for your menu item */
}

/* Style for the CSS-only arrow */
.fa-angle-down:before {
    content: url('/resources/js/elders/menu/nav-arrow-down-grey.png');
}

.navBox>ul>li.active .fa-angle-down:before {
    content: url('/resources/js/elders/menu/nav-arrow-down-grey.png');
}


div.menucontainer {
    position: fixed;
    border-left: 4px solid #f5f5f5 !important;
    border-right: 4px solid #f5f5f5 !important;
    border-bottom: 4px solid #f5f5f5 !important;
}
div.menu-radar-map {
    width: 37%;
}
div.menucontainer#forecast-menu{
    margin-left: 25px;
}

.navBox ul li a {
    height: 9px;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: underline;
    text-transform: none;
    letter-spacing: 0.4pt;
}
ul#menuitems>li>a {
    border-bottom: 2px solid transparent;
    font-family: "ff-meta-web-pro",sans-serif;
    padding-left: 10px;
    font-weight: bold;
    font-size: 13pt;
    padding-top: 13px;
    text-decoration: none;
}

ul#menuitems>ul>li>a:active-x
{
    color: #000fff;
    border-bottom: 0px solid #ffffff;
}

/* WZB2B-12941 */
#ad-banner-placeholder {
    width: 970px; /* Width of the ad */
    min-height: 100px; /* Minimum height of the ad */
    background-color: #ffffff; /* A light background color; optional */
    margin: 0 auto; /* Centering the ad placeholder */
}

/* Responsive adjustments if necessary */
@media screen and (max-width: 970px) {
    #ad-banner-placeholder {
        width: 100%; /* Full width on smaller screens */
        display: none;
        
    }
}

/* WXENG-1236 */
#desktop_new_weather_bottom_728x90{
  height:90px; 
  width:728px; 
  margin: 0 auto;
}