/* heavily adapted from Desirée De Leon's tidymodels pkgdown CSS */
/* https://github.com/tidyverse/tidytemplate/blob/master/inst/pkgdown/assets/tidymodels.css */

:root {
  --scorpion: #595959;
  --boulder: #767676;
  --night-rider: #333333;
  --sapphire: #126180;
  --matisse: #187BA2;
  --dawn: #f4e4e7;
  --oyster: #E7C5CB;
  --pearl: #faf2f3;
}

/* spacing ----------------------------------------------- */

/*
body > p {
  line-height: 1.6em;
}
*/

h1, h2, h3 {
  font-weight: normal;
  letter-spacing: 1.2pt;
}

.contents h2, .contents h3, .contents h4 {
	margin-bottom: 1.5rem;
	margin-top: 2rem;
}

.row {
  margin-top: 1.5em;
}

@media (min-width: 768px) {
  .contents {
    padding-right: 4em;
  }
}

/* navbar ----------------------------------------------- */

.navbar {
  padding-bottom: 1em;
  padding-top: 1em;
}

/* active behavior for navbar */
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link {
	background: var(--pearl);
	color: var(--matisse);
	border-radius: 0rem;
}

/* hover behavior for navbar */
.navbar-light .navbar-nav .nav-item > .nav-link:hover {
	background: none;
}

li.nav-item a.nav-link {
  text-transform: uppercase;
  letter-spacing: 1.5pt;
}


/*----- COLORED LIST BULLET----*/

.contents ul > li::marker {
  color: var(--sapphire);
}


/* sidebar ------------------------------------------------ */

#toc > .nav a.nav-link:hover,
#toc > .nav a.nav-link:focus {
  background-color: var(--dawn);
  border-radius: 0rem;
}

#toc > .nav a.nav-link.active {
  color: var(--matisse);
  background-color: var(--dawn);
  border-radius: 0rem;
}

.nav-link {
   transition: none;
}


#pkgdown-sidebar h2:first-child {
	margin-top: 1rem;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1.5pt;
  font-size: large;
  padding-left: 0.5em;
  margin-left: -.1em;
}

#pkgdown-sidebar ul.list-unstyled {
  list-style: none;
  margin-bottom: 1.2em;
}

#pkgdown-sidebar .list-unstyled li {
  padding-bottom: 1em;
  margin-bottom: 0;
  line-height: 1.6em;
  letter-spacing: 0.4pt;
  padding-left: 0.5em;
}

#pkgdown-sidebar small.roles {
  text-transform: uppercase;
  color: var(--boulder);
}

.template-home #pkgdown-sidebar a:hover {
  color: var(--night-rider);
}

#pkgdown-sidebar h2:not(first-child) {
  margin-top: 1.5rem;
}

/*----TOC sidebar on non-homepages----*/

nav[data-toggle="toc"] .nav > li > a:hover {
	color: inherit;
	letter-spacing: 1pt;
	padding-left: 0.5em;
	margin-left: 0px;
	border-radius: 0rem;
	border: none;
}

/* Active/focus links */

/*
nav[data-toggle="toc"] .nav > li > a:focus,
nav[data-toggle="toc"] .nav-link.active,
nav[data-toggle="toc"] .nav-link.active:hover,
nav[data-toggle="toc"] .nav-link.active:focus {
	letter-spacing: 1pt;
	padding-left: 0.5em;
	margin-left: 0px;
	border-radius: 0rem;
	border: none;
}*/

/* Links NOT hovered or active */

nav[data-toggle='toc'] ul > li > a {
	letter-spacing: 1pt;
	padding-left: 0.5em;
	border-radius: 0rem;
	border: none;
}

nav[data-toggle="toc"] .nav > li > a {
	padding-left: 0.5em;
	margin-left: 0px;
	border-radius: 0rem;
	border: none;
}

/*----Search box----*/

.form-control {
	border: none;
}

.form-control::placeholder.active,
.form-control::placeholder:focus {
	color: var(--night-rider);
	opacity: 1;
	border-color: var(--matisse);
}

.template-reference-topic .page-header {
  margin-bottom: 2rem !important;
}

#search-input {
  color: var(--night-rider);
}
