/*
 * stylesheet for archives website
 */

header#header {
  margin: 0 auto;
  padding: 0 1rem;
  border-bottom: 1px solid #eee;
}
header#header a:link {
  color: #bad000;
  text-decoration: none;
}
header#header a:visited {
  color: #bad000;
  text-decoration: none;
}
header#header a:active {
  color: #bad000;
  text-decoration: none;
}
header#header a:hover {
  color: #bad000;
  text-decoration: none;
}
header#header h1 {
  margin: .5rem 0;
  padding: 0;
  font-family: Montserrat, Alegreya, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
  color: #bad000;
}

nav.navbar {
  height: 2rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
}
:root{
  ::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}
}
::selection{color: lavender; background-color:black;}

nav.navbar .navbar-brand .header {
  font-family: Montserrat, Alegreya, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: #bad000;
}

a.navbar-burger {
  color: #bad000;
  text-decoration: none;
}
a.navbar-burger:link {
  color: #bad000;
  text-decoration: none;
}
a.navbar-burger:visited {
  color: #bad000;
  text-decoration: none;
}
a.navbar-burger:active {
  color: #bad000;
  text-decoration: none;
}
a.navbar-burger:hover {
  color: #bad000;
  text-decoration: none;
}

.navbar-link:not(.is-arrowless):after {
  border-color: #bad000;
}
.navbar-link:not(.is-arrowless):after, .select:not(.is-multiple):not(.is-loading):after {
  border-color: #bad000;
}

div#nav-bar a.navbar-item:link {
  text-decoration: none;
}
div#nav-bar a.navbar-item:visited {
  text-decoration: none;
}
div#nav-bar a.navbar-item:active {
  color: #bad000;
  text-decoration: none;
}
div#nav-bar a.navbar-item:hover {
  color: #bad000;
  text-decoration: none;
}
div#nav-bar a.navbar-item.is-active {
  color: #fff;
  text-decoration: none;
  background-color: #bad000;
}

main {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 100%;
  /* font-family: Lato, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; */
  font-family: Montserrat, Alegreya, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
}
main article {
  max-width: 100%;
  text-align: left;
}

main article h3.title {
  margin: 2rem 0;
  color: #555;
}

@media only screen and (max-width: 769px) {
  section.section {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}


.section a {
  color: #1974d2;
  text-decoration: none;
}
.section a:link {
  color: #1974d2;
  text-decoration: none;
}
.section a:visited {
  color: #1974d2;
  text-decoration: none;
}
.section a:active {
  color: #bad000;
  text-decoration: none;
}
.section a:hover {
  color: #bad000;
  text-decoration: none;
}

article figure.is-pulled-left {
  padding: 0 1rem 0 0;
}

article .timeline figure {
  text-align: left !important;
  margin-top: .5em !important;
  margin-bottom: .5em !important;
}

.timeline figure img.timeline-thumb {
  width: 300px;
  max-width: 100%;
}

figure.left {
  text-align: left;
}

figure.left-spacer {
  text-align: left;
  padding-bottom: 1rem;
}

figure p.credit {
  font-size: 0.75rem;
  color: #aaa;
}

img.diver-6306 {
  width: 600px;
  max-width: 100%;
}

img.max-600 {
  width: 600px;
  max-width: 100%;
}

h1.scwf-archive-title {
  color: #ccc;
}

h2, h3, h4, h5, h6 {
  margin: 0.25rem 0;
  padding: 0;
}

h4, h5, h6 {
  color: #888 !important;
}

h5.model {
  color: #ff6600 !important;
}

.msg-thread a:link {
  color: #ccc;
  text-decoration: none;
}
.msg-thread a:visited {
  color: #ccc;
  text-decoration: none;
}
.msg-thread a:active {
  color: #ccc;
  text-decoration: none;
}
.msg-thread a:hover {
  color: #bad000;
  text-decoration: none;
}

article .container {
  font-size: 1.1rem;
}

.subtitle {
  padding: 1rem 0 0 0;
  color: #888;
}

section.section {
  padding: 1rem 0;
}

.content.subsection {
  padding-top: 1rem;
  font-size: 1.1rem;
}

.content h3.subsection-title {
  margin-bottom: .5rem;
}

.subsection-title {
  color: #ff6600 !important;
}

section.header-image {
  padding: 1.5rem 0 0 0;
  margin: 0 auto;
}

.timeline {
  margin-left: 2.25rem;
}

.timeline .timeline-item {
  padding-bottom: 0 !important;
}

.timeline .timeline-item.spacer {
  padding-bottom: 1.75em !important;
}

.timeline .timeline-item .timeline-marker {
  margin-top: 1rem;
}

.timeline .timeline-content .date-range {
  display: block;
  font-weight: 600;
  font-size: 1.25rem;
  color: #4c4c4c;
  text-transform: uppercase;
  margin-top: .5rem;
}

.timeline .timeline-content figure {
  margin: .5rem 0;
}

footer.footer {
  background-color: transparent;
}

footer .content {
  margin: 1rem auto;
  padding: 1rem;
  border-top: 1px solid #eee;
  color: #888;
}

footer.footer a:link {
  color: #bad000;
  text-decoration: none;
}
footer.footer a:visited {
  color: #bad000;
  text-decoration: none;
}
footer.footer a:active {
  color: #bad000;
  text-decoration: none;
}
footer.footer a:hover {
  color: #bad000;
  text-decoration: none;
}
footer.footer a.is-active {
  color: #fff;
  text-decoration: none;
  background-color: #bad000;
}

/*
 * styles for threads and postings
 */

.thread ul {
  list-style-type: none;
  color:#4c4c4c;
  margin-left: 20px;
}

.thread ul li:first-child:before {
  font-size: 2rem;
  content: '•';
  position: absolute;
  margin-left: -20px;
  margin-top: -.65rem;
}

.thread ul li:not(:first-child):before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}

.thread .indent-0 {
  padding-left: 0;
}
.thread .indent-1 {
  padding-left: 20px;
}
.thread .indent-2 {
  padding-left: 40px;
}
.thread .indent-3 {
  padding-left: 60px;
}
.thread .indent-4 {
  padding-left: 80px;
}
.thread .indent-5 {
  padding-left: 100px;
}
.thread .indent-6 {
  padding-left: 120px;
}
.thread .indent-7 {
  padding-left: 140px;
}
.thread .indent-8 {
  padding-left: 160px;
}
.thread .indent-9 {
  padding-left: 180px;
}
.thread .indent-10 {
  padding-left: 200px;
}

.thread ul li .active {
  color: #ff8c00;
}

.thread ul li .msg-id {
  color: #ccc
}
.thread ul li .msg-id a:link {
  color: #ccc;
  text-decoration: none;
}
.thread ul li .msg-id a:visited {
  color: #ccc;
  text-decoration: none;
}
.thread ul li .msg-id a:active {
  color: #ccc;
  text-decoration: none;
}
.thread ul li .msg-id a:hover {
  color: #bad000;
  text-decoration: none;
}