@import url(https://fonts.googleapis.com/css?family=Lato:500,900);
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';

body {
    background-color: #23527c;
}

a {
    text-decoration: underline;
    color: #23527c;
}
    a.btn, .navbar a, .social-links a, footer #legal-links a {
        text-decoration: none;
    }

h1, h2, h3, h4 {
    font-family: 'Lato', sans-serif;
}

h1 {
    margin-bottom: 1em;
}

h2 {
    font-size: 22px;
    margin: 1.5em 0 .75em 0;
}

h3 {
    font-size: 18px;
    margin: 1.5em 0 .75em 0;
}

h4 {
    font-size: 16px;
    margin: 1.5em 0 .75em 0;
}

td { /* for CRS footnotes */
    vertical-align: top;
}

.navbar {
  margin: 0;
}

    .navbar-brand {
      font-family: 'Roboto Slab', sans-serif;
      font-weight: bold;
      letter-spacing: 1px;
      font-size: 23px;
    }

    .navbar a {
        color: white;        
    }
        .navbar li:hover a {
            background-color: #224466;        
        }
    .navbar .icon-bar {
        background-color: #EEF;
    }

#donate-button a {
    background-color: #7C2326;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

#body {
    background-color: white;
    padding: 2em 0;
}

footer {
    padding: 1.5em 0;
    color: #EEE;
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
}
    footer a {
        color: #FAFAF0;
        text-decoration: none;
    }
        footer a:hover {
            color: #FFFFDD;
            text-decoration: underline;
        }

    footer #legal-links {
        border-top: 1px solid #EEE;
        padding-top: 1em;
        margin-top: 1em;
        font-size: 10px;
    }

.social-links a {
    display: inline-block;
    margin-right: 1em;
}

/* HOME PAGE */

#subhead {
    margin: 1.5em 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-align: center;
}

.search-block {
    margin: 4em auto 3em auto;
    max-width: 55em;
}
.search-block input {
    background-size: auto 70% !important;
}
    @media screen and (min-width: 768px) {
        .search-block input {
            font-size: 22px;
            height: 34px;
        }
    }
    .algolia-autocomplete {
      width: 100%;
    }
    .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
      width: 100%;
    }
    .algolia-autocomplete .aa-hint {
      color: #999;
    }
    .algolia-autocomplete .aa-dropdown-menu {
      width: 100%;
      background-color: #fff;
      border: 1px solid #999;
      border-top: none;
    }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
      cursor: pointer;
      padding: 5px 4px;
    }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
      background-color: #B2D7FF;
    }
    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
      font-weight: bold;
      font-style: normal;
    }
    .algolia-autocomplete .title {
        color: rgb(199, 37, 78);
        font-weight: bold;
    }
.our-links {
    text-align: right;
    margin-top: 1em;
}
    @media screen and (min-width: 768px) {
        .our-links {
            font-size: 17px;
            margin-right: 85px;
        }
    }

#recent-reports h2 {
    font-size: 17px;
    color: #555;
}
#recent-reports .crs-report {
  margin: 1.5em 0;
  border: 1px solid rgba(209,209,209,1);
  -webkit-box-shadow: 5px 5px 3px 0px rgba(209,209,209,1);
  -moz-box-shadow: 5px 5px 3px 0px rgba(209,209,209,1);
  box-shadow: 5px 5px 3px 0px rgba(209,209,209,1);
  padding: 1em;
}
#recent-reports .report-title {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}
    #recent-reports .report-title a {
        text-decoration: none;
        color: #222;
    }


/* TOPICS PAGE */

#topic-areas {
    max-width: 1000px;
    margin-bottom: 30px;
}
  #topic-areas .topic-area {
    margin-bottom: 1.5em;
  }
  #topic-areas .count {
    font-size: 90%;
    color: #666;
  }

/* SEARCH PAGE */

.searchbox-container {
    margin-bottom: 25px;
}

h5 {
    margin-top: 2em;
}
.ais-refinement-list--label {
    font-weight: normal;
}
    .ais-refinement-list--count {
        margin-left: .5em;
        font-weight: normal;
        font-size: 80%;
        background-color: #EEE;
        color: #333;
    }
.ais-show-more {
    cursor: pointer;
}

/* COMMON FORMATTING FOR METADATA, SUMMARY */

.crs-report {
    margin-bottom: 1.5em;
}

.crs-report .report-title {
    font-size: 110%;
    font-weight: bold;
}

.report-metadata code {
    margin-left: 1em;
}

.crs-report p {
    margin-bottom: .25em;
}

/* REPORT PAGES */

#report-page h1 {
    margin-bottom: 15px;
}

#report-page .report-summary {
    font-size: 15.5px;
    line-height: 140%;
    padding-bottom: 1em;
    border-bottom: 1px solid #CCC;
}
    #report-page .report-summary p {
        margin-bottom: 1em;
    }

#report-page .report-metadata {
    margin-bottom: 30px;
}

.download-link {
    margin-bottom: 2em;
}
    .download-link a {
        width: 100%;
        font-size: 120%;
    }

#sidebar-metadata {
    margin-left: 1em;
    font-size: 13px;
}
    #sidebar-metadata p:last-child {
        margin: 0;
    }
@media screen and (max-width: 768px) {
    #sidebar-metadata {
        margin: 16px 0;
    }
}

#report-versions td {
    padding-right: 1em;
}

#report-versions .report-changes {
    font-size: 95%;
    color: #666;
}

#topics {
    margin-bottom: .75em;
}
    #topics p {
        margin-bottom: .25em;
    }
        #topics p.heading {
            font-weight: bold;
        }

#report-content {
    margin-top: 1em;
}

/* Comparison Pages */

/* inline */
ins {
    border: 1px solid #00A;
    background-color: #00A; /* does not print, so also use border */
    color: white;
}
del {
    border: 1px solid #A00;
    background-color: #A00; /* does not print, so also use border */
    color: white;
}

/* block */
ins img, ins div, ins p, ins ul, ins ol, ins li, ins table, ins th, ins td, ins hr, ins h1, ins h2, ins h3, ins h4, ins h5, ins h6 {
    margin: 2px 0;
    padding: 2px;
    border: 1px solid #00A;
    background-color: #00A; /* does not print, so also use border */
    color: white;
}
del img, del div, del p, del ul, del ol, del li, del table, del th, del td, del hr, del h1, del h2, del h3, del h4, del h5, del h6 {
    margin: 2px 0;
    padding: 2px;
    border: 1px solid #A00;
    background-color: #A00; /* does not print, so also use border */
    color: white;
}

/* links */
ins a, del a {
    color: white;
}