/*******************************************

    REPORTS
    
    For the main reports page, which has a 
    collection of report introductions 
    (titles and brief info), with links to 
    the full reports.

*******************************************/
.nsic-reports-wrapper .nsic-report {
  padding: 19px;
  min-height: 20px;
  border-radius: 0;
  margin-bottom: 20px;
  background: #f7f7f7;
  -webkit-box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
}

.nsic-report-title {
  font-size: 24px;
  margin-top: 0;
}

.nsic-report-date-heading {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.nsic-report-desc-heading {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.nsic-report-nav-prev a,
.nsic-report-nav-toc a,
.nsic-report-nav-next a {
  display: block;
  padding: .5em 1em;
}

@media (max-width: 479px) {
  .nsic-report-nav-prev,
  .nsic-report-nav-toc,
  .nsic-report-nav-next {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 480px) {
  .nsic-report-nav-prev {
    text-align: left;
  }
  .nsic-report-nav-toc {
    text-align: center;
  }
  .nsic-report-nav-next {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .nsic-reports-wrapper {
    -webkit-box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 8px 4px 0px rgba(0, 0, 0, 0.2);
  }
  .nsic-reports-wrapper .nsic-report {
    box-shadow: none;
    margin-bottom: 0;
    padding: 10px;
    background: #f7f7f7;
    border-bottom: 2px solid #8e8e8e;
    font-size: 14px;
  }
  .nsic-reports-wrapper .nsic-report:last-child {
    border-bottom: none;
  }
  .nsic-reports-wrapper .nsic-report .nsic-report-cover {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin-right: 1%;
  }
  .nsic-reports-wrapper .nsic-report .nsic-report-cover > img {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .nsic-report-title-date-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin-right: 1%;
  }
  .nsic-report-title {
    font-size: 1.2em;
  }
  .nsic-report-title > small {
    font-size: .7em;
  }
  .nsic-report-date-heading {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .nsic-report-desc-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .nsic-report-desc-heading {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .nsic-report-desc-wrapper p {
    font-size: 1em;
  }
}
