/*! Storm Centre styles */

/* Storm centre page layout */
  
  .storm-centre .page-title {
   display: none;
  }
  
  .storm-centre .inside-page-content {
   padding: 0 10px;
   margin-bottom: 30px;
   display: table;
   max-width: 1150px;
   width: 100%;
  }
  
  .storm-centre .promo-wrapper, .storm-centre #content {
    position:static;
    width:100%;
     display:table;
     margin:auto;
  }
  
  .storm-centre .header-inner {
     position:static;
     display:table;
     margin:auto;
     width:100%;
     max-width: 1150px;   
  }
  
  .storm-centre .header {
     position:static;
     display:table;
     background-size:100%;
     background-color:#fff;
     margin: auto;
     padding-bottom: 0 !important;
     width:100%;
     max-width: 1150px;     
  }
  .nav-item.nav-search > a {
      height: 40px;
  }
  .storm-bulletin-container h2 {
      color: #FFEB00;
      font-size: 24px;
  }
  .storm-bulletin-container h3 {
      color: #FFEB00;
      font-size: 18px;
  }
  .storm-bulletin-container h4 {
      font-size: 14px;
      color: #fff;
  }

/* Header */ 


.storm-centre-header { 
   clear: both; 
   display: inline-block;
   float: none;
   margin: 20px 0 30px; 
   padding-right: 3%;
   position: static;
}

.storm-centre-header .logo-site, 
.storm-centre-header h1 { 
   background-color: #323232;
   clear: none;
   display: table;   
   float: left; 
   min-height: 90px; 
   width: auto; 
   z-index: 1;
}

.storm-centre-header h1 {
   padding-bottom: 20px;
}

.storm-centre-header .logo-site img {
   background-color: #FFEB00;
}

.storm-centre-header h1 {    
   color: #fff; 
   font-size: 2em; 
   margin: 0;  
   padding-left: 4%; 
   padding-right: 4%; 
   padding-top: 25px;    
}

.storm-centre-header h1 .storm-hashtag { 
   color: #FFEB00; 
}

.storm-centre-info-wrapper { 
   background-color: #000;
   height: 300px;  
   opacity: 0.9; 
   width: 100%;   
}

.storm-info-panel { 
   clear: both; 
   display: table; 
   width: 100%; 
}

/* Header - Storm Bulletin */

.storm-bulletin-container { 
   background-color: #000; 
   display: table-cell; 
   opacity: 0.9; 
   padding: 20px 5% 40px 5%; 
   vertical-align: top;
   width: 75%; 
}

.storm-bulletin-container h2 { 
   color: #FFEB00; 
   font-size: 200%; 
   margin-bottom: 20px; 
}

.storm-bulletin-container h3 { 
   color: #fff; 
}

.storm-bulletin-container p, 
.storm-bulletin-container ul, 
.storm-bulletin-container ol, 
.storm-bulletin-container ul li,
.storm-bulletin-container ol li, 
.storm-bulletin-container table {
   color: #eee; 
}

.storm-bulletin-container img {
   max-width: auto;
   width: 100%; 
}

.storm-bulletin-container ul li { 
   margin: 7px 0px; 
}

.storm-bulletin-summary p { 
   color: #fff; 
   font-size: 175%; 
}

.storm-bulletin-container a { 
   color: #FFEB00;
   text-decoration: underline; 
}

.storm-bulletin-read-more, 
.storm-bulletin-read-less { 
   background-color: #FFEB00; 
   color: #000; 
   cursor: pointer;
   display: none; 
   font-weight: bold;
   height: 40px;
   margin: 25px 0 0; 
   opacity: 1; 
   text-align: center;
   width: 175px; 
}

.read-btn-text,
.read-btn-arrow {
   display: table;
 }

.read-btn-text {
   display: block;
   float: left; 
   padding: 10px 0;
   text-align: center; 
   width: 135px;
}

.read-btn-arrow {
   background-color: #FFA200;
   float: right;
   height: 40px;
   text-align: center;
   width: 40px;
 }

.read-btn-arrow span {
   display: table-cell;
   font-size: 18px;
   margin: auto;
   vertical-align: middle;
}

.storm-bulletin-read-more: hover, 
.storm-bulletin-read-less: hover { 
   color: #fff; 
}

.storm-bulletin-body { 
   margin-top: 30px; 
}

.storm-bulletin-title-container { 
   clear: both;
   display: table;  
   width: 100%;
}

.storm-bulletin-title { 
   float: left; 
}

.storm-bulletin-date { 
   color: #fff; 
   float: right;   
   font-weight: 700;
   padding-top: 25px; 
   padding-bottom: 3px;
   text-transform: uppercase; 
}

/* Header - Outage Finder */

.outage-panel-container { 
   display: table-cell;
   width: 25%;
}

.five-tile-layout { 
   margin: 0; 
   padding: 0;
   width: 100%;
}

.five-tile-layout .tile-mini-1 {
   width: 100%; 
}

.tile-feature .tile-feature-contents { 
   background-color: #EDEDED; 
   opacity: .9;
}

.tile-feature .tile-mini-glyph {
   color: #444; 
   margin-bottom: 0;   
}

.tile-feature .tile-feature-title {
   color: #222;
}

.tile-feature-outage-search .search-button {
   background-color: #404040;
   border: 1px solid #404040;
}

/* Header - Related Links */

.related-links-header { 
   background-color: #EDEDED; 
   clear: both; 
   color: rgb(24,24,24); 
   display: inline-block; 
   font-family:  'Roboto Slab', 'Times New Roman', Times, serif; 
   font-size: 22px; 
   font-weight: 700;
   margin-left: 5px; 
   margin-top: 15px; 
   padding: 10px 0; 
   width: 100%; 
}

.related-links-content { 
   background-color: rgb(0,0,0);   
   display: block; 
   margin-left: 5px; 
   margin-top: -5px; 
   opacity: 1; 
   padding: 10px 20px; 
   width: 100%; 
}

.related-links-content ul { 
   margin: 0; 
   padding: 0; 
}

.related-links-content ul li { 
   border-bottom: 1px solid rgb(255, 171, 26);
   display: block;
   list-style-type: none;
   margin: 0 0 7px 0; 
   padding: 0;   
}

.related-links-content ul li a { 
   color: #FFEB00; 
   display: table; 
   width: 100%;
   text-decoration: none;
}

.related-links-content ul li a span { 
   display: table-cell;
   vertical-align: middle;
}

.related-links-container { 
   clear: both;
   display: table;
   float: none; 
   opacity: 0.9; 
   padding-right: 10px;
   width: 100%;
}

.related-links-title { 
   display: block; 
   float: left; 
   padding: 4px 0 0 20px; 
}

.related-links-arrow {    
   background-color: #404040; 
   cursor: pointer; 
   display: none; 
   float: right;    
   margin-right: 20px; 
   padding: 8px 0;
   width: 55px; 
   -webkit-transition: all 0.25s; 
   -moz-transition: all 0.25s; 
   -ms-transition: all 0.25s; transition:  all 0.25s; 
}

.related-links-arrow span {
   color: #fff;
   display: block;
   font-size: 24px;
   line-height: 28px;
   margin: auto;
   padding: 22px 0;
   -webkit-transform: rotate(90deg); 
   -moz-transform: rotate(90deg); 
   -ms-transform: rotate(90deg); 
   transform: rotate(90deg); 
}

.related-links-arrow-open { 
   -webkit-transform: rotate(180deg); 
   -moz-transform: rotate(180deg); 
   -ms-transform: rotate(180deg); 
   transform: rotate(180deg); 
}

.related-links-content .ergonicon-arrow {
   background-color: rgb(255, 171, 26);
   border: 0 !important;
   color: #000;
   height: 32px;
   font-size: 18px;
   width: 32px;
   text-align: center;
   text-decoration: none !important;
   -webkit-transition: all 0.25s; 
   -moz-transition: all 0.25s; 
   -ms-transition: all 0.25s; transition:  all 0.25s; 
}

.related-links-content .ergonicon-arrow::before {
   border: 0 !important;
   text-decoration: none !important;
}

.related-links-content .ergonicon-arrow:hover {
   font-size: 22px;
}

.related-links-content .related-link-name {
   text-decoration: underline;
}

/* Storm Centre Map */

#map-panel { 
   background-color: #222; 
   clear: both; 
   display: table; 
   margin: 35px 0 35px 0; 
   padding: 35px 0; 
   width: 100%; 
}

#map-canvas { 
   display: none; 
   height: 715px; 
   margin: 15px 0 25px; 
   position: relative; 
   text-align: center; 
   width: 100%; 
   z-index: 1; 
}

#map-canvas img { 
   margin: 200px auto; 
}

#map-container p {
   color: #fff;
   display: none;
   margin: -25px 0 0;
}

/* Lightbox styles */

/* hide all lightboxes by default */
.lightbox { 
   display: none; 
}

/* override default feather style... */
.fixwidth {
   background: rgba(256,256,256, 0.8);
}

.featherlight .featherlight-content {
   background-color: #000;
   color: #fff;
   margin-top: -15px;
   max-width: 765px;
   padding: 0;
   width: 95%;
}

.featherlight .featherlight-close {
   background: #FFEB00;
   color: rgb(0,0,0);
   float: right; 
   font-size: 125%;
   font-weight: 700;       
   margin-right: 7px;
   position: relative;
   top: 35px;
}

.featherlight-inner { 
   background-color: #000; 
}

/* Storm Centre share panel */
   
.storm-centre-share-panel { 
   background: #323232;  
   color: #fff;
   clear: both; 
   display: none; 
   margin: 20px 0; 
   width: 100%; 
}

.storm-centre-share-panel-left,
.storm-centre-share-panel-middle,
.storm-centre-share-panel-right {
   float: left; 
   margin: 30px 5%; 
   width: 23%; 
}

.upload-here { 
   padding: 25px 25px 25px 65px; 
   width: 100%; 
   max-width: 320px; 
   background: url(https://www.ergon.com.au/__data/assets/image/0009/276435/upload-arrow.jpg) no-repeat 15px 20px; 
   display: none; 
   background-color: #fff; 
   color: #222; 
   text-align: center; 
   font-size: 150%; 
   font-weight: 700; 
}

.storm-centre-share-panel-left { 
   font-size: 175%;
}

.share-details { 
   color: #FFEB00; 
   font-weight: 700; 
}

.storm-centre-share-panel-middle { 
   font-weight: 700; 
}

.share-container { 
   clear: both; 
   display: table; 
   float: none; 
   margin-bottom: 12px; 
   width: 100%; 
}

.share-container a { 
   color: #fff; 
}

.share-container .ergonicon { 
   display: block; 
   float: left; 
   font-size: 50px; 
   padding-right: 10px; 
   text-align: center; 
   width: auto;
}

.share-via { 
   float: left; 
   text-transform: uppercase; 
}

.upload-label {
  display: block;
  font-size: 14px;
  font-weight: 700;  
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase; 
  width: 100%;
}

.or-upload { 
   display: none;
   float: right;  
   font-size: 175%;
   font-weight: 400;
}

.or-upload-label {
   display: none;
}

.copy-hashtags a { 
   color: #FFEB00; 
   display: none;
   font-weight: 400;
}

#copy-successful { 
   color: #fff;
   display: none; 
   font-family: arial; 
   font-weight: 400;
}

/* Storm Feed */

.storm-feed { 
   background-color: #323232; 
   clear: both; 
   display: none; 
   float: none; 
   margin: 20px auto 0;
   max-width: 1150px;
   padding: 20px 5% 0 5%; 
   width: 100%; 
}

.stacklafw {
   background: #323232;
   display: table;
   margin: auto;
   max-width: 1150px;
   padding: 0 4% 20px 4%; 
   width: 100%;
}

.storm-feed h2 { 
   color: #FFEB00;
   font-size: 175%; 
}

.storm-feed-filter-container { 
   border-top: 1px solid #FFEB00;
   clear: both; 
   display: table; 
   float: none; 
   margin: 5px 0;
   padding: 25px 1% 5px; 
   width: 100%; 
}

.storm-feed-filter { 
   color: #FFEB00; 
   cursor: pointer;  
   display: block;
   float: left; 
   font-weight: 400;
   margin-right: 3%;
   padding: 0px 0px 7px 0px;   
}

.storm-feed-filter: hover { 
   border-bottom: 1px solid #fff;
   color: #fff;
}

.storm-feed-filter-selected { 
   border-bottom: 0;
   color: #fff;  
   cursor: default;
   font-weight: 700;
}

#storm-feed-filter-toggle-container { 
   clear: both; 
   display: table; 
   float: none; 
   margin: 20px 0 0 0; 
   width: 100%; 
}

.storm-feed-filter-toggle { 
   background-color: #323232; 
   color: #FFEB00; 
   display: table; 
   float: left; 
   font-weight: 400;
   max-width: 150px; 
   padding: 4px 5% 6px; 
   position: relative; 
   text-align: center;
   top: 6px; 
}

.toggle-on { 
   border-left: 1px solid #FFEB00; 
   border-right: 1px solid #FFEB00; 
   border-top: 1px solid #FFEB00;  
   color: #fff; 
   font-weight: 700;
   margin-top: 2px; 
   padding: 10px 5%; 
}

.toggle-off { 
   cursor: pointer; 
   top: 12px; 
}

.toggle-off: hover { 
   color: #fff; 
}

.toggle-off span { 
   display: block; 
   padding: 0 0 5px; 
}
.fat-footer a {
    color: #323232;
}
.contact-numbers strong {
    color: #323232;
}

h2.stacklapopup-title { color: yellow;  }
img.stacklapopup-avatar-image { max-width: 75px !important; }
.stacklapopup-caption,
p.stacklapopup-caption-paragraph { font-size: 18px; }

@media (max-width:  1080px) {
   .storm-bulletin-container { 
      width: 67%;
    } 
   
   .outage-panel-container { 
      width: 33%;
    }

   .tile-mini-glyph { 
      bottom: 0; 
      clear: both; 
      float: none; 
   }
   
   .tile-feature-mini-details { 
      clear: both; 
      float: none; 
      padding: 10px 20px; 
      position: static; 
   }
}

@media (max-width:  996px) {
   .storm-centre-share-panel-left, 
   .storm-centre-share-panel-middle, 
   .storm-centre-share-panel-right { 
      margin: 20px 2%;
      width: 29%;  
   }

   .tile-mini-glyph { 
      font-size: 80px; 
      line-height: 80px; 
   }

   .outage-panel-container label { 
      font-size: 22px; 
   }

   .tile-feature-mini-details { 
      clear: both; 
      float: none; 
      padding: 10px 20px;
      position: static; 
   }

   .storm-bulletin-summary p { 
      font-size: 150%; 
   }
}

@media (max-width:  870px) {
   .storm-centre-share-panel-left { 
      clear: right;
      font-size: 125%;
      margin: 15px 5%;
      width: 90%;  
   }

   .storm-centre-share-panel-middle,
   .storm-centre-share-panel-right { 
      clear: none; 
      float: left; 
      margin: 15px 5%;
      width: 40%;  
   } 
   
   .upload-here { 
      font-size: 125%; 
   }

  .storm-feed h2 { 
   
   }

   .storm-bulletin-container { 
      display: table;
      width: 100%; 
   }
  
   .outage-panel-container {
      display: table;
      margin: 20px 0 0 0;
      padding: 0;
      width: 100%;
   }

   .tile-feature-contents { 
      clear: both; 
      display: table; 
      float: none; 
      width: 100%;  
   }

   .outage-panel-container label { 
      clear: none; 
      float: left; 
      font-size: 18px; 
      margin: 10px 20px 0 0;
      width: auto;  
   }

   .outage-panel-container .input-group { 
      margin-top: 0; 
   }

   .tile-mini-glyph { 
      bottom: 0; 
      display: none;
      width: 30px;  
   }

   .five-tile-layout .tile-feature { 
      padding-bottom: 70px;  
   }

   .tile-feature-mini-details { 
      display: table-cell; 
      margin-top: 20px; 
      padding: 10px 20px; 
      position: static;       
      width: 66%; 
   }

   .storm-bulletin-summary p { 
      font-size: 125%; 
   }
   
   .storm-centre-header h1 { 
      font-size: 1.7em; 
   }

   .storm-bulletin-container h2 { 
     
   }   

  .storm-centre .header { 
      padding-bottom: 15px; 
   }
}

@media (max-width:  767px) {
   .five-tile-layout .tile-feature { 
      padding-bottom: 0; 
   }  

   .storm-centre .header { 
      padding-bottom: 15px; 
   }

   .related-links-container { 
      margin-top: -15px; 
      padding-right: 0; 
   }

   .related-links-header { 
      font-size: 18px; 
      margin-left: 0px; 
   }

   .related-links-title { 
      padding-top: 8px; 
   }

   .related-links-content {
      margin-left: 0px;
   }
}

@media (max-width:  525px) {

   .storm-centre-header {
      padding-right: 0;
      width: 100%;
   }

   .storm-centre-header h1 { 
      clear: both;
      display: block;
      float: none;
      width: 100%;
   }

   .storm-centre-share-panel-middle,
   .storm-centre-share-panel-right { 
      clear: both; 
      float: none; 
      width: 90%; 
   }

   .or-upload { 
      display: none !important; 
   }

   .or-upload-label {
      display: inline;
   }

   .upload-label {
      text-align: left;
   }
   
   .storm-feed { 
      padding: 5px 5% 0 5%;  
   }

   .storm-bulletin-summary p { 
      font-size: 100%; 
   }

   .storm-centre-header { 
      margin: 10px 0; 
   }

   .storm-bulletin-title { 
      clear: both; 
      float: none; 
   }
   
   .storm-bulletin-date { 
      clear: both; 
      float: none; 
   }

   .storm-bulletin-container h2 { 
      margin-bottom: 15px; 
   }
}

@media (max-width:  480px) {
   .outage-panel-container label { 
      clear: both; 
      float: none; 
   }
  
   .tile-feature-mini-details { 
      padding-bottom: 10px;  
   }  
}