/*Sitewide styling*/

body {
font-family: p22-underground, sans-serif !important;
}

footer {
background-color: #0a2240;
color: white;
max-width: 100% !important;
}

/*Full-width header*/

/*Homepage image*/
.header-image {
width: 100%;
}

img {
width: 100% !important;
height: auto;
}

#content {
    padding: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.blocks {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*End full-width header*/

/*Nav menu*/
.dropdown.menu>li>a, .toc-block>ul.dropdown>li>a, .toc-block ul ul.dropdown>li>a {
padding: 0.7rem 1rem;
color: #f2f2f2 !important;
font-size: 1.2em;
}

.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
background: #577293;
}

.nav-header:hover {
border-bottom: 2px solid #ffc514;
}

.top-bar, .top-bar ul {
background-color: #0a2240 !important;
}

.site-title img {
max-height: 3rem;
 width: auto;
margin: 0;
}

/*Search button*/
.input-group>:last-child, .input-group>:last-child.input-group-button>* {
border-radius: 0 0 0 0;
background-color: #b1c2d6;
color: #0a2240;
}

/*End nav*/

h1, h2 {
    font-family: "p22-underground", sans-serif !important;
    /*Font was originally "p22-underground-sc" but I erased it because the letter 's' beside the decade number was capitalized, and I needed it to be lower case*/
    font-weight: 200;
    border-bottom: 1px solid #b1c2d6;
    margin: 2.5rem;
    text-align: left;
}

#content p, ul {
margin: 2%;
/*The margin was originally 5%, but this created too much space*/
}

/*Accordion is not working for CHRIS*/
.accordion-title {
  font-size: 20px;
  color: black;
}

.blocks h2, a {
color: #0a2240;
}

.blocks a:hover {
color: #577293;
}

/*recordsBlocks flex*/
.recordsBlocks {
    padding: 0;
    list-style: none;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-evenly;
    width: 100%;
    margin: 5% auto 1rem auto;
}

div.polaroid2 {
  width: 90%;
  margin: auto;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  font-size: large;
  border: 2px solid #0A2240;
}

div.polaroid2 img:hover {
  opacity: 0.5;
}

div.polaroid2 .container {
padding: 15px;
background-color: #0a2240;
}

div.polaroid2 a {
color:#f2f2f2 !important;
}

div.polaroid2 p {
padding-top: 15px;
font-family: "p22-underground-sc", sans-serif;
font-size: 1.5rem;
font-weight: 300;
text-align: center;
}

div.polaroid2 p a:hover {
border-bottom: 2px solid #ffc514;
}

.resource-title {
margin: 2% 5%;
}

.resource-title h2 {
    font-family: "p22-underground-sc", sans-serif !important;
    font-weight: 200;
    border-bottom: 1px solid #b1c2d6;
    width: 95%;
    margin: 1.5rem;
    text-align: left;
}

#resource-values {
margin: 5% !important;
}

.slick-slider {
margin: 5%;
}

.slick-slide .slide-text .title,  .caption{
    color: #0a2240;
    border-bottom: 1px dotted #b1c2d6;
    padding: 15px;
}

.slick-slide .slide-text .title:hover, .caption:hover {
color: #577293;
}

.label, .filter-label, .filter-value {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #0a2240 !important;
    color: #fefefe;
margin-left: 25px;
}

.value a:hover {
color: #577293;
}

/*On pages with a list of years, adding space between the lines of the dates*/
li {
  margin: 10px 0;
}
/*End year space modification*/

/*Chris's Crier modifications*/
div.crierheader {
  font-size: 3rem;
  font: black;
}
div.topborder {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
}

span.decade {
  margin-left: 5em;
}
/*End Chris's Crier modifications*/


/*Hiding the dot(s) used in the item carousel*/
ul.slick-dots {
  display: none;
}
/*End item carousel*/