.page-type-search .inside-page-content {
  padding: 0 20px 0 0;    
}
.page-type-search .inside-page-content h2,
.page-type-search .inside-page-content h3 {
    color: #BC3531;
}

.page-type-search .inside-page-content .authored-content p {
  margin: 5px 0 10px;   
}
#search-results-container {
    clear: both;
    display: table;
    margin: auto;
    max-width: 1150px;
    width: 100%;
}
#search-results-container > div {
    display: table-cell;
    vertical-align: top;
}
.search-introduction {
    margin: 0;
    max-width: 650px; 
    padding: 0 25px;
}
#wrapper {
  padding: 0;
  width: 100%;
}
.loading-results {
    opacity: 0.4 !important;
}
#search-results {
    background-color: #fff;
    clear: both;
    display: table;
    margin: 0 auto 25px;
    width: 100%;
}
.curator {
    padding: 15px 0 10px 10px;
}
.page-type-search .inside-page-content .curator h3 {
    color: #000;
    font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Helvetica,sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.curator p {
  font-size: 16px;   
  margin: 5px 0;
  padding: 0;
}
.curator a,
.curator a:hover {
    color: #BC3531;
    font-size: 14px;
    text-decoration: none;
}
.curator a:hover {
   text-decoration: underline;   
}
.curator h3 a,
.curator h3 a:hover {
   color: #000;
   font-size: 16px;
}
a.search-result,
a.search-result:link,
a.search-result:visited {
    clear: both;
    color: #000;
    cursor: pointer;
    display: table;
    margin: 0;
    max-width: 845px;
    padding: 20px 0;
    width: 100%;
    text-decoration: none;
    transition: all 0.4s ease;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*Commented out the below property because it was cutting words up in IE JIRA SDQLD-1741*/
    /*-ms-word-break: break-all;*/
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#faq-result {
    display: none;
    margin: 0;
    padding: 20px 0;
}
#faq-result:hover {
   background-color: #fff;   
}
#faq-result .search-content .result-description p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}


#search-results .search-result:hover {
    background-color: #f5f5f5;
    color: #000;
    text-decoration: none;
}
.search-result > div {
    display: table-cell;
    vertical-align: top;
}
.search-result > div.search-content {
  padding-right: 15px;
}
.search-result > div.search-icon {
   text-align: center;
   width: 75px;
}
.search-result .result-title {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 5px;
}
.search-result.social-facebook .result-title {
   display: none;   
}    
.search-result .fb-date {
  display: block; 
  font-weight: 700;   
  padding: 0 0 4px;
}    
.search-result .result-description,
.search-result .result-url {
  font-size: 1em;
  word-wrap: break-word;
}    
.search-result .result-description {
    margin: 0 0 5px;
}
.search-result .result-description a {
    text-decoration: none;
}
.search-result .result-url,
span.faq-answer {
    color: #BC3531;
    font-size: 0.85em;
}
.search-result span.ergonicon {
   font-size: 42px;
   position: relative;
   top: -1px;
}
.search-result span.ergonicon.ergonicon-safety {
  top: 4px;   
}
.search-result span.ergonicon-social-youtube {
    color: #e52d27;
    font-size: 32px;
}
.search-result span.ergonicon-social-facebook {
    color: #3b5998;
    font-size: 32px;
}
.search-result img {
    float: right;
    margin: 3px 0 3px 10px;
}
.search-result .outage-result .outage-heading {
    display: table;
    width: 100%;
}
.search-result .outage-result .outage-heading > div {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
.search-result .outage-result .outage-heading .suburb-and-street {
   clear: both;
   display: table;
   font-weight: 700;
   margin: 0 0 5px;
   width: 100%;
}
.search-result .outage-result .outage-heading .suburb-and-street > div {
  display: table-cell;   
}
.search-result .outage-result .outage-heading .suburb-and-street > div.suburb-data {
   width: 25%;   
}

.search-result .outage-result.UNPLN .outage-heading {
  background-color: rgb(221,98,39);
  color: #fff;
}
.search-result .outage-result.UNPLN .outage-heading:hover {
    background-color: rgb(230,132,83);
}
.search-result .outage-result.UNPLN .outage-heading .outage-type {
    padding: 5px 0;
    text-align: center;
    width: 60px;
}
.search-result .outage-result.UNPLN .outage-heading .outage-type:before {
    content: "\e906";
    font-family: 'ergon-icons';
    font-size: 24px;
    font-weight: 400;
}

.search-result .outage-result.PLN .outage-heading {
    background-color: rgb(98, 192, 111);
    color: #fff;
}
.search-result .outage-result .outage-content {
    font-weight: 400;
    padding: 10px 20px;
}
.search-result .outage-result.UNPLN .outage-content {
   border: 1px solid rgb(221,98,39);    
}

.search-result .outage-result.PLN .outage-content {
   border: 1px solid rgb(98, 192, 111);    
}

#search-title {
 display: none;
 margin: 25px 0 10px;
 padding: 0 0 0 20px;
}
#filters {
    display: block;
    padding: 0 25px 25px 0;
    min-width: 315px;
    width: 315px;
    
}
#filters .filter {
    background-position: 95% 15px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.95em;
    font-weight: 700;
    margin: 0;
    padding: 10px 0 14px 15px;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.4s ease;
}
#filters .filter:hover {
  background-color: #fff;
}
#filters .filter.selected:hover {
  background-color: #f5f5f5;
}
#filters .filter[data-filter="social-facebook"] {
    border-bottom: 1px solid #ddd;    
}
#filters .filter.filter-title {
   border: 0;
   cursor: default;
   font-weight: 400;
   padding: 7px 0;
   margin: 0 5px 0 0;
   text-transform: none;
}
#filters .filter.selected {
  background-color: #f5f5f5; 
  background-image: url(https://www.ergon.com.au/__data/assets/image/0010/383905/check2.png);
  background-position: 95% 15px;
  background-repeat: no-repeat;
  background-size: 14px;
}

#filters .filter.filter-option.selected:last-child {
    border-bottom: 1px solid #ddd;
}

#filters .filter .results-count {
    display: none;
}
#filters .filter.selected .results-count {
    display: inline;
}

#filters .filter span.ergonicon {
    font-size: 1.5em; 
    padding-right: 15px; 
    position: relative; 
    top: 7px;
}

.header-search .input-group {
    display: table;
   
}
.header-search .input-group input.header-search-input {
    width: 100%;   
}
.input-group > div,
.input-group > input {
    display: table-cell;
}
#search-results-dynamic {
    background-color: #fff; 
    box-shadow: 0px 3px 3px 0px #ccc;
    position: absolute; 
    left: 119px; 
    right: 72px; 
    max-width: 559px;
    text-align: left; 
    font-size: 1em;
    border: 1px solid #efefef; 
    display: none;
}

.search-callout {
    border-bottom: 1px solid #ededed;
    font-size: 1.2em;
    margin: 0 0 10px;
    padding: 20px 20px 25px 20px;
}
.search-callout img {
    float: right;
    max-height: 100px;
    padding: 5px 0px 5px 20px;
}
#loading {
    display: none;
    font-size: 0.95em;
    font-weight: 700;
    padding: 25px 0 55px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#loading img {
    margin: 8px 0;
}
a.search-result.outages-msg {
    background-color:#fff; 
    padding: 0;
    margin: 10px 0px 10px 10px;
    max-width: 575px;
}
a.search-result.outages-msg .result-title {
    background-color: #BC3531;
    color: #fff;
    padding: 2px 0 10px;
}
a.search-result.outages-msg > div.search-content {
    background-color: #f5f5f5;
    box-shadow: 0px 3px 3px 0px #ddd;
    padding: 0;
}

a.search-result.outages-msg .result-title span.ergonicon {
  font-size: 22px;
  padding: 0 15px;
}
a.search-result.outages-msg .result-description {
    font-size: 1.1em;
    padding: 6px 15px 6px 55px;
}
a.search-result.outages-msg .result-description,
a.search-result.outages-msg .result-url {
  padding: 4px 15px 4px 55px;    
}
a.search-result.outages-msg .result-url .sq-form-submit {
    margin: 0 0 10px;
    max-width: 155px;
}
#no-search-results {
    margin: 0 0 15px;
    max-width: 650px;
}
#no-search-results h3 {
  margin-top: 0;   
}
.faq-search-results-title {
    font-weight: 600;
    margin: 0 0 7px;
}

#filters div.feedback-panel {
   padding: 25px 0 15px;
   width: 100%;
}
div.feedback-panel > div > div {
   clear: both;
   display: table;
   padding: 2px 0;
   width: 100%;
}

.filter-description {
    text-transform: none; 
    padding: 5px 15px 0 35px; 
    font-weight: 400; 
    font-size: 0.9em;
}
#search-msg-filters,
#no-search-results {
    display: none;
    padding: 5px 25px 0;
}
#no-search-results {
    padding: 25px 25px 0 25px;
}
.search-introduction a,
.search-introduction a:hover,
#no-search-results a,
#no-search-results a:hover {
    color: #BC3531;
    text-decoration: underline;
}
#spelling-suggestion {
    display: none;
    font-size: 16px;
    padding: 10px 0 0;
}
#filters .filter.filter-title h3 {
    display: block;
}
.videoWrapper {
  position: relative;
  margin: 10px 0;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search-result.faq .result-url {
    display: none;
}
#please-wait {
    display: block;
    font-weight: 700;
    padding: 7px 15px;
}

@media screen and (max-width:1080px) {
    #filters {
       min-width: 0;    
       padding: 0 15px 25px 0;
       width: 25%;   
    }
    #filters .filter.selected {
       background-position: 95% 13px;   
    }
}
@media screen and (max-width:1020px) {
   #filters .filter span.ergonicon {
      display: none;   
   }
   .filter-description {
      padding: 5px 15px 0 0;        
   }
}    
@media screen and (max-width:875px) {
  .page-type-search .inside-page-content {
    padding: 0;    
  }    
  #search-results-container {
      max-width: 750px;
  }
  #search-results-container > div {
    display: table;
  }   
   #filters {
     margin: 0 0 10px 0;
     padding: 0;
     width: 100%;   
  }
  #filters .filter {
      display: none;
      padding: 3px 0 9px 15px
  }
  
  #filters .filter span.ergonicon {
    font-size: 1.7em;
    display: inline;   
    top: 13px;
  }
 .filter-description {
      padding: 3px 15px 0 35px;        
   }
   #filters .filter.selected {
       background-position: 95% center;   
    }
    #filters .filter-title.selected:hover {
       background-color: rgb(237, 237, 237);   
    }
    #filters .filter.filter-title,
    #filters .filter.filter-title h3 {
      background-color: rgb(237, 237, 237);
      color: #000;
      font-size: 14px;
      font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B';
      margin: 0;
      padding: 0;
    }
    #filters .filter.filter-option:first-child {
        border-top: 0;
    }
    #filters .filter.filter-title {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        cursor: pointer;
        padding: 15px 10px;
    }
    #filters .filter.filter-title h3 {
        display: none;
    }
    #filters .filter.filter-title:before {
        content: "-";
        font-weight: 700;
        padding: 0 15px;
    }
    #filters .filter.filter-title:after {
        content: "Hide filters";
        font-weight: 700;
    }
    #filters.hide-filter .filter.filter-title:before {
        content: "+";
    }
    #filters.hide-filter .filter.filter-title:after {
       content: "Show filters";   
    }
    div.feedback-panel {
      padding: 15px 0 0 15px;
   }
   #search-title {
       margin-top: 10px;
   }
   a.search-result,
   a.search-result:link,
   a.search-result:visited { 
       padding: 14px 0;
   }
   #faq-result { 
      padding: 15px;   
   }
   #filters.hide-filter .filter-option {
    display: none !important;
  }
   #filters.hide-filter div.feedback-panel {
      display: block !important;
  }
  #filters.hide-filter div.feedback-panel {
      display: none !important;
      margin: 0;
      padding: 0;
  }
  a.search-result.outages-msg {
    max-width: 100%;
    margin: 0 0 10px 0;
  }
  
}
@media screen and (max-width: 767px) {
    #search-results-dynamic {
      left: 24px;   
      max-width: 615px;
      width: calc(100% - 44px);  
    }
    .search-introduction {
      padding: 0;
  }
  .search-callout img {
    display: none;   
  }
}
@media screen and (max-width: 545px) {
  .filter-description {
    width: 90%;
  }
  a.search-result, 
  a.search-result:link, 
  a.search-result:visited {
      padding: 15px 15px;
  }
  .search-result > div {
    display: block;    
  }
  .search-result > div.search-icon {
      width: 20px;
  }
  .search-result span.ergonicon {
      font-size: 22px;
      top: 1px;
  }
  .search-result > div.search-content {
      margin-top: -25px;
  }
  .search-result .result-title {
      margin-left: 35px;
  }
  .search-result .result-description {
      margin: 10px 0 7px;
  }
  .search-result .fb-date {
      margin: -35px 0 0 36px;
  }
  a.search-result.outages-msg {
      padding: 10px 0;
  }
  a.search-result.outages-msg > div.search-content {
      margin-top: 0;
  }
  a.search-result.outages-msg .result-title {
    padding: 7px 0 10px 15px;
    margin-left: 0;    
  }
  a.search-result.outages-msg .result-title span.ergonicon {
     display: none;   
  }
  a.search-result.outages-msg .result-description,
  a.search-result.outages-msg .result-url {
    padding: 4px 15px 4px 15px;    
  }
}
@media screen and (max-width: 435px) {
  .filter-description {
    display: none;
  }
  #filters .filter {
    padding: 5px 0 13px 15px   
  }
  #filters .filter span.ergonicon {
    top: 5px;
  }
}


.retail-brand .header-search-label {
    color: #fff !important;
}