/* Grey background */
body,
#item,
.card {
  background-color: #e0e3e6;
}

.bg-white {
  fill: #e0e3e6!important;
  background-color: #e0e3e6 !important;
}

/* Lighter grey background */
.form-control,
.bg-light,
.list-group-item {
  fill: #e6e9ec!important;
  background-color: #e6e9ec !important;
}

/* Darker gray background */
#sidebar {
  background-color: #ced2d6;
  border-radius: 0.8em !important;
}

/* Navbar bg color: slightly brighter green than "success" */
.bg-success,
.dropdown-item.active {
  background-color: #23b72f  !important;
}

/* Dark gray font for the navigation bar */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand
 {
  color: #232323;
}

/* for anchors with sticky menu */
html {
  scroll-padding-top: 5rem;
}

/* Lighter gray font for footer, dates... */
.text-muted {
  color: #4a525b !important;
}

 /* Disable the sticky effect of the sidebar */
 .sticky-top {
    position: unset;
 }

/* Space between pagination buttons */
.btn-success {
  margin-right: 5px;
}

/* Darker "disabled" buttons in pagination */
.disabled .btn-success {
  background-color: #218838;
  cursor: initial !important;
}

/* Fit default color to “success” style */
a {
  color: #28a745;
}

a:hover, a:focus {
  color: #19692c;
}

/* Define the solid line under section headings.
“unset”: no line beyond the title */
.spanborder {
  border-bottom: unset;
}

/* Table borders */
.table th,
.table td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.table thead th {
  border-bottom: 2px solid #fff;
}

/* Reduce space between image and caption
and avoid combining the margin of p and that of the image */
article img {
  margin-bottom: 0;
}

/* Margin to 0 to match the style of images without caption
Bottom margin to 1rem to separate caption from following text */
figure.image-caption {
    margin: 0;
    margin-bottom: 1rem;
}

/* Class created to use the text of the mastodon icon without displaying it */
.label {
   display: none;
}

/* To avoid doubling the space between a paragraph and a list; 1rem, the same as p */
article p {
  margin-bottom: 1rem;
}

/* Turn off the drop cap */
article:first-letter {
  all: unset;
}

/* Table and lists style */
table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}

th, td {
  padding-left: 5px;
  padding-right: 5px;
}

ol, ul, dl, table {
  margin-bottom: 1.5rem;
}

/* Quote in sidebar
   Style from blockquote in <article> */
.quote {
  position: relative;
  padding-left: 40px;
  margin-left: 0;
  font-style: italic;
  font-size: 20px;
  font-family: Lora;
  line-height: 1.86;
}

.quote:before {
  content:"“";
  font-family:Georgia;
  font-size:8rem;
  margin:-1rem 2rem 0 -3.9rem;
  position:absolute;
  opacity:1;
  float:left;
  line-height:1;
}

/* same effect as <nobr> */
.no-wrap {
  white-space: nowrap;
}

/* more space above footnotes*/
.footnotes {
  padding-top: 1rem;
}