/*Carousel Stylesheet*/
.carousel{position:relative;margin:1rem 0}
.carousel img{display:none;width:100%;margin:0}
.carousel img.active{display:block}

/*Sub stylesheet for buttons on sides for nav*/
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.65);color:#fff;border:2px solid rgba(255,255,255,.9);
  width: 1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;
  font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.4);transition:background .2s,transform .2s}
.carousel-nav:hover{background:rgba(0,0,0,.85);transform:translateY(-50%) scale(1.08)}

.carousel-prev{left:.5rem}
.carousel-next{right:.5rem}
.carousel-caption{margin-top:.4rem;font-style:italic;text-align:center}
.carousel-caption[hidden]{display:none}
.carousel img.carousel-tall{max-height:500px;width:auto;margin:0 auto;object-fit:contain}


/*For figures with caption*/
.figure-left{margin:0}
.figure-left figcaption{text-align:left}

/*For image borders*/
.md-typeset img{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.15)}

/*For headers*/
.md-typeset h2{border-bottom:2px solid var(--md-primary-fg-color);padding-bottom:.3rem}

.md-typeset h1 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: -.02rem;
  margin-bottom: 1rem;
  border-bottom: 3px solid #546936;
  padding-bottom: .5rem;
}
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: var(--md-primary-fg-color);
  border-bottom-color: var(--md-primary-fg-color);
}


/*For logo*/
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
  width: auto;
}

/*For map in index*/
.blog-map {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  aspect-ratio: 2 / 1;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  background: var(--md-default-bg-color);
  overflow: hidden;
}


/*For background */
/* Light mode*/
[data-md-color-scheme="default"] body,
[data-md-color-scheme="default"] .md-main {
  background-color: #acc28d;                       /* fallback green */
  background-image: url("../images/monkey-bg.png"); /* path relative to the CSS file */
  background-attachment: fixed;
}
[data-md-color-scheme="default"] .md-content__inner {
  background: #acc28d;
  border-radius: 10px;
  padding: 1rem 1.5rem;
}

/*For sidebar title */
[data-md-color-scheme="default"] .md-nav__title,
[data-md-color-scheme="default"] .md-nav--primary .md-nav__title {
  background-color: #acc28d;
}

/*For top bit of page */
[data-md-color-scheme="default"] .md-header {
  background-color: #546936;
  color: #fff;   /* title, icons and search text */
}

/*Website title */
.md-header__title {
  font-size: 1.3rem;   
  font-weight: 500;
}

/*Side animals: placed in the .md files, shown only on wide screens*/
.md-main__inner{position:relative}
.md-typeset .side-animal{display:none}
@media (min-width:90em){
  .md-typeset .side-animal{
    display:block;position:absolute;z-index:1;
    width:12rem;height:auto;margin:0;
    border-radius:0;box-shadow:none;pointer-events:none}
  .side-left{left:-10rem}
  .side-right{right:-8rem}
  .side-top{top:10rem}
  .side-mid{top:20rem}
  .side-low{top:40rem}
}