/* Micro Clearfix */
.fdr-wrapper .clear:before, .fdr-wrapper .clear:after { content: ""; display: table; }
.fdr-wrapper .clear:after { clear: both; }
.fdr-wrapper .clear { zoom: 1; }
.fdr-wrapper .section:before, .fdr-wrapper .section:after { content: ""; display: table; }
.fdr-wrapper .section:after { clear: both; }
.fdr-wrapper .section { zoom: 1; }

/* General Resets */
.fdr-wrapper { font-size: 100%; }
.fdr-wrapper button, .fdr-wrapper input, .fdr-wrapper select, .fdr-wrapper textarea { font-family: sans-serif; }
.fdr-wrapper form, .fdr-wrapper fieldset, .fdr-wrapper a img { border: 0; }

/* Common Classes */
.fdr-wrapper .left { float: left; }
.fdr-wrapper .right { float: right; }
.fdr-wrapper .text-left { text-align:left; }
.fdr-wrapper .text-right { text-align:right; }
.fdr-wrapper .block { display: block; }
.fdr-wrapper .inline-block { display: inline-block; *zoom: 1; *display: inline; }

.fdr-wrapper .alert {
  background-color: #ffffcc;
  display: block;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fdr-wrapper .nolist { list-style: none; }
.fdr-wrapper .nopadding { padding: 0; }
.fdr-wrapper .nomargin { margin: 0; }

/* Body */
.fdr-wrapper {
  font-family: arial, helvetica, clean, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #222222;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* Links */
.fdr-wrapper a, .fdr-wrapper a:visited {
  color: #222;
  text-decoration: underline;
}
.fdr-wrapper a:hover { text-decoration: none; color:#666; }

/* 1.1 Headings - h1, h2, h3, h4, h5, h6 & other (if any)
   ========================================================================== */
.fdr-wrapper h1, .fdr-wrapper h2, .fdr-wrapper h3, .fdr-wrapper h4, .fdr-wrapper h5, .fdr-wrapper h6 {
  margin: 0;
  line-height: normal;
}
.fdr-wrapper h1 {
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 10px;
}
.fdr-wrapper h2 {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 8px;
}
.fdr-wrapper h3 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 6px;
}
.fdr-wrapper h4 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 4px;
}
/* 1.2 Paragraphs, block quotes, code, pre, etc
   ========================================================================== */
.fdr-wrapper small {
  font-size: 12px;
  font-size: 0.75rem;
}
/* Block Quotes, Pre and Code Blocks */
.fdr-wrapper blockquote, .fdr-wrapper q {
  quotes: none;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: .5em 1em;
  margin: 0;
  font-style: italic;
}
.fdr-wrapper code, .fdr-wrapper pre {
  padding: 2px 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #f1f1f1;
  border: 1px solid #dddddd;
  line-height: normal;
  color: #222222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Horizontal Rule */
.fdr-wrapper hr {
  border: 0;
  background: none;
  outline: 0;
  height: 1px;
  background-color: #dddddd;
  margin: 2em 0;
}
/* 1.3 Tables
   ========================================================================== */
.fdr-wrapper table {
  width: 100%;
  border-collapse: collapse;
  border-left: 0;
  background-color: #fff;
  border-spacing: 0;
  table-layout: fixed;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  *white-space: normal;
}
.fdr-wrapper table th, .fdr-wrapper table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #eeeeee;
}
.fdr-wrapper table thead th {
  vertical-align: bottom;
  font-weight: bold;
  background-color: #ffffff;
  color: #222222;
}
.fdr-wrapper table tfoot td { font-weight: bold; }
.fdr-wrapper table caption {
  padding: .5em;
  font-style: italic;
  background-color: #eeeeee;
  border-bottom: 0;
  font-weight: bold;
}
/* 1.4 Lists
   ========================================================================== */
.fdr-wrapper ul, .fdr-wrapper ul ul {
  list-style: disc;
  margin: 4px 0 4px 25px;
  padding: 0;
}
.fdr-wrapper ol, .fdr-wrapper ol ol {
  list-style: decimal;
  margin: 4px 0 4px 25px;
  padding: 0;
}

/* Sections & Content Blocks */
.fdr-wrapper .section { position: relative; }
.fdr-wrapper .row { display:block; margin:0 -0.9375rem; }
.fdr-wrapper .columns { display:block; padding:0 0.9375rem; }
.fdr-wrapper .row-c { margin:0; }
.fdr-wrapper .container { margin: 0 auto; }
.fdr-wrapper .container-full { margin: 0 auto; }

/* Fluid Grid */
.fdr-wrapper .col { margin-left: 4%; float: left; position:relative; }
.fdr-wrapper .col:first-child { margin-left: 0; }
/* Columns */
.fdr-wrapper .one { width: 6.333%; }
.fdr-wrapper .two { width: 14.667%; }
.fdr-wrapper .three { width: 23.0%; }
.fdr-wrapper .four { width: 31.333%; }
.fdr-wrapper .five { width: 39.667%; }
.fdr-wrapper .six { width: 48.0%; }
.fdr-wrapper .seven { width: 56.333%; }
.fdr-wrapper .eight { width: 64.667%; }
.fdr-wrapper .nine { width: 73.0%; }
.fdr-wrapper .ten { width: 81.333%; }
.fdr-wrapper .eleven { width: 89.667%; }
.fdr-wrapper .twelve { width: 100%; }

.fdr-wrapper .widget-box { display:block; position:relative; padding:18px 25px 11px; margin-bottom:30px; background: #EEEEEE; border-radius:5px; border:2px solid #DFDFDE; }
.fdr-wrapper .fdr-title { font-size:14px; font-weight:bold; margin-bottom:15px; line-height:15px; }
.fdr-wrapper .widget-details { clear:both; position:relative; min-height:16px; font-size:11px; line-height:16px; padding-top:5px; margin-top:20px; }
.fdr-wrapper .widget-details .col { line-height:16px; }
.fdr-wrapper .timeago { border-bottom:0; position:absolute; bottom:1px; right:40px; line-height: 12px; font-size:11px; }
.fdr-wrapper .refresh-widget { overflow:hidden; opacity:0.7; filter:opacity(70); width:16px; height:16px; position:absolute; bottom:0; right:0; text-indent:-9999px; background:url(img/refresh.png); cursor:pointer; }
.fdr-wrapper .refresh-widget:hover { opacity:1.0; }

.refresh-widget.refreshing { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);} }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);} }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);} }

/* Fire Danger Level Widget */
.fdr-wrapper .fdr { margin-bottom: 15px; text-align:center; }
.fdr-wrapper .fdr_links { display:none; } /* Links for other days disabled. Seperate Forecast Widget. */

.fdr-wrapper .fdr .danger-level { padding:20px 25px; line-height:30px; font-size:28px; font-weight:700; text-transform:uppercase; display:inline-block; text-align:center; margin:0 auto; }
.fdr-wrapper .fdr-codered .danger-level { background:#FB1309 url(img/code-red.png); color:#fff; }
.fdr-wrapper .fdr-extreme .danger-level {
background: #ff6666; /* Old browsers */
background: -moz-linear-gradient(top,  #ff6666 0%, #ff0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff6666 0%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff6666 0%,#ff0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff6666 0%,#ff0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff6666 0%,#ff0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}
.fdr-wrapper .fdr-severe .danger-level {
background: #e8c265; /* Old browsers */
background: -moz-linear-gradient(top,  #e8c265 0%, #ca722b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8c265), color-stop(100%,#ca722b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8c265 0%,#ca722b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e8c265 0%,#ca722b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8c265 0%,#ca722b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8c265 0%,#ca722b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c265', endColorstr='#ca722b',GradientType=0 ); /* IE6-9 */
}
.fdr-wrapper .fdr-veryhigh .danger-level {
background: #ffb920; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb920 0%, #ffde45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb920), color-stop(100%,#ffde45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb920 0%,#ffde45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb920 0%,#ffde45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb920 0%,#ffde45 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb920 0%,#ffde45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb920', endColorstr='#ffde45',GradientType=0 ); /* IE6-9 */
}
.fdr-wrapper .fdr-high .danger-level {
background: #94caee; /* Old browsers */
background: -moz-linear-gradient(top,  #94caee 0%, #4085d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94caee), color-stop(100%,#4085d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #94caee 0%,#4085d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #94caee 0%,#4085d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #94caee 0%,#4085d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #94caee 0%,#4085d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94caee', endColorstr='#4085d8',GradientType=0 ); /* IE6-9 */
}
.fdr-wrapper .fdr-lowtomoderate .danger-level { background:green; }
.fdr-wrapper .fdr-low-moderate .danger-level {
background: #c1d36f; /* Old browsers */
background: -moz-linear-gradient(top,  #c1d36f 0%, #709a30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1d36f), color-stop(100%,#709a30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1d36f 0%,#709a30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1d36f 0%,#709a30 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1d36f 0%,#709a30 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1d36f 0%,#709a30 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d36f', endColorstr='#709a30',GradientType=0 ); /* IE6-9 */
}
.fdr-wrapper .fdr-noforecast .danger-level { background:gray; color:#fff; font-size:24px; }
.fdr-wrapper .large .fdr { margin:38px 0 39px; }

/* Forecast */
.fdr-wrapper .fire-forecast .col.six { height:40px; line-height:40px; font-size:17px; margin-bottom:8px; }
.fdr-wrapper .fire-forecast .fdr .danger-level { font-size:15px; padding:5px; display:block; }
.fdr-wrapper .fire-forecast .fdr-noforecast .danger-level { font-size:12px; }

/* Current Weather Widget */
.fdr-wrapper .weather-forecast { margin:30px 0; }
.fdr-wrapper .temprature-title { font-size: 57px; line-height: 57px; font-weight: bold; margin:0; letter-spacing: -1px; }
.fdr-wrapper .wind-title { font-size: 30px; line-height: 30px; margin-top:10px; margin-bottom:15px; font-weight: 400; letter-spacing: -1px; }

/* FDR Chart Widget */
.fdr-wrapper .chart-widget { background-color:#fff; border-width:2px; text-align:center; text-decoration:none; padding:16px 15px 13px; }
.fdr-wrapper .chart-widget span { display:block; text-align:center; font-weight:800; margin:9px -20px 4px; font-size:11px; }
.fdr-wrapper .chart-widget br { display:none; }
.fdr-wrapper .chart-widget img { display:block; margin:0 auto; max-width:250px; margin-bottom:10px; }

/* Widget Box Button */
.widget-box.button-style { position:relative; overflow:hidden; margin-bottom:15px; display:block; font-weight:bold; background:#fff; border:2px solid #DCDCDC; padding:28px 15px; padding-left: 48%; text-align:center; font-size:16px; line-height:20px; text-decoration:none; }
.widget-box.button-style.cfa { margin-bottom:30px; }
.widget-box.button-style:before {content:""; position:absolute; top:0; left:0; height:100%; width:52%; }
.widget-box.button-style.vic-roads:before { background:url(img/vic-roads.jpg) no-repeat center center; background-size:auto 40px; }
.widget-box.button-style.cfa:before { background: #fff url(img/cfa.jpg) center  center no-repeat; background-size:60px 60px; }

.fdr-wrapper .below-twitter { padding:10px 10px 0; line-height:1.5; font-size:13px; }
.fdr-wrapper .below-twitter .yellow-button { background:#FFC70F; font-weight:700; font-size:15px; line-height:18px; padding:10px 15px; margin-top:10px; display:inline-block; text-decoration:none; }