/* Site specific CSS - This will load after the main CSS file */
.theme--dark.red {
    background-color: #18453b !important;
    border-color: #18453b !important;
}
img.title-logo-fix{
    display:none;
}

.template header .masthead-reg {
    width: 250px;
    height:auto;
}
.template .intro p { font-size:1.4rem;}
.template .intro h2 { font-size:1.8rem; }
.off-canvas { bakground-color:black; }

.footer__social {
    background: #18453b;
}

#App {
  text-align: left;
  margin: 50px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

#App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  #App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

#App-header {
  background-color: #282c34;
  min-height: 25vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

#Form-error {
  color: red;
}

#File-links {
  position: relative;
  visibility: hidden;
}

.template__sticky-header {
	padding: 12px 0 3px;
}
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Investigators */

@media only screen and (min-width: 800px) {
#filters {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.filters_col {
    width:33%;
}
}
@media only screen and (max-width: 799px) {
.lastNameCell, .degreesCell, .cityCell, .stateCell {
    float:left;
}
.jrt td {
    padding-left:20px;
}
}
#filters {
    margin:0 0 24px 0;
}
.filters_col {
    padding:0 10px;
}
tr th.sorted {
    background-color: #e6e6e6;
}