/* Match Pkgdown */

:root {
  --bs-primary-rgb: 44,62,80;
}

.book .book-header.fixed { background-color: rgba(var(--bs-primary-rgb)) !important; }

ul.summary { 
  background-color: rgba(var(--bs-primary-rgb));
}

.book .book-summary ul.summary li a, .book .book-summary ul.summary li span {
  color : white;
}

/* Centre title page elements */

.title {
    font-size: 38px;
    text-align: center;
}

.author {
    text-align: center;
}

.line-block {
    text-align: center;
}

.date {
    text-align: center;
}

/* Style active toc element */

.book .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active>a {
    background: white;
    color:rgba(var(--bs-primary-rgb));
    font-weight: bold;
    border-radius: 23px 2px;
    box-shadow: 0px 0px 5px black;
}

/* Set bullet points to white */

.exercise>ul>li::marker { color: white; }

/* If a section is labelled withht exercise class, change the styling*/

.exercise { 
  background-color: #ffffff00;
  text-align: center;
  -webkit-text-fill-color: white;
}

.book .book-body .page-wrapper .page-inner section.normal:has(.exercise) { background-color: #ffffff00; }


.exercise>h1.hasAnchor { font-size: xxx-large; }

/* Add funky page background */

.body-inner:has(.page-wrapper):has(.page-inner):has(section.normal):has(.exercise) { 
  /*background: repeating-linear-gradient(132deg, #070536, #2c9ad9, #2c9ad9, #070536);
  background-size: 100% 100%;
  animation: Gradient 10s linear infinite;
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0px;*/
  background-color:#081a24;
 }
 
/* Animate Background*/

@keyframes Gradient {
  0%   { background-position: 0% 50%;   }
  100% { background-position: 100% 50%; }
}