/* used to be 005596*/
/*lighten(@black, 20%);*/
@media print {
  @page {
    size: auto;
  }
  body {
    font-family: sans-serif !important;
    font-size: 12px;
    color: #000;
  }
  #wb-glb-mn,
  #readspeaker_button,
  #google_translate_element,
  .wb-share,
  #wb-srch,
  #newsCol,
  #iltCol,
  div.brand a object,
  #popular,
  .btn,
  #topWarnings {
    display: none;
    visibility: hidden;
    height: 0;
  }
  aside.jumbo,
  #jumbo {
    /* don't print the jumbotron image*/
    display: none;
  }
  /*div.brand {
        a {
            background-image: url('//img.niagarafalls.ca/svg/logo-horizontal.png') !important;
            background-repeat: no-repeat !important;
            min-height: 85px;
        }

        a:after {
            content: none !important;
        }
    }*/
  #wb-bnr .brand:after {
    content: "City of Niagara Falls (niagarafalls.ca)";
    color: #000;
    font-size: 2em;
  }
  #wb-bnr .brand a img[src] {
    /*position:fixed;*/
    /* make it so the logo doesn't repeat.  it may cover part of the top banner image but it looks better than duplicating half way through the logo*/
    display: none;
  }
  #topStories .events h3 span {
    display: inline;
    margin-left: 0.5em;
    font-size: 1em;
  }
  /* show the breadcrumb 100% wide as the second column is the Share and we're not showing that for print*/
  div.breadcrumbRow div.breadcrumbColumn:first-child {
    width: 100%;
  }
  /* remove all the fancy borders and just put regular separators and links back on*/
  #wb-bc ol {
    list-style: circle;
  }
  #wb-bc ol li {
    display: inline-block;
  }
  #wb-bc ol li a {
    margin: 0 0 0 0.5em;
    padding: 0 0.25em;
  }
  #wb-bc ol li a:before {
    position: relative;
    content: none;
    border: none;
  }
  #wb-bc ol li:last-child {
    /* hide the last one since it's the current page and not really a link*/
    display: none;
  }
  #wb-bc ol li a:after {
    content: " (" attr(href) ")";
    border: none;
    right: 0;
    padding-left: 0.25em;
    position: relative;
  }
  #wb-bc ol > li + li:before {
    content: " >";
    position: absolute;
    color: #000;
    font-weight: bold;
  }
  /*force tables to print properly*/
  table.table-responsive thead,
  table.forced thead {
    display: table-header-group;
  }
  table.table-responsive tbody td,
  table.forced tbody td {
    display: table-cell;
  }
  table.table-responsive tbody td:before,
  table.forced tbody td:before {
    content: none;
  }
  .col-print-xs-6 {
    width: 50%;
  }
}