html, body {
    overflow-x: hidden;
}

a[href*="uploads"] {
    box-shadow: none !important;
}

#input_search {
  margin: 0 auto;
  display: inherit;
  margin-top:10px;
}

.bookshelf_book {
  padding-bottom: 7px;
}

.bookshelf_title {
  font-weight: 500;
}

.bookshelf_author {
}

hr {
width: 100%;
}

.site-image {
  width: 40px;
  margin-top: -10px;
  height: 40px;
  vertical-align: bottom;
}

.site-title {
  padding-bottom: 0px !important;
}

.site-title a {
    box-shadow: none !important;
}

img.sunlit_image {
    max-height: 200px;
}

@media (prefers-color-scheme: dark) {
  .site-title {
      margin-left: 0px;
  }

  .site-menus {
      margin-left: 0px;
  }

    /* GENERAL */

    body {
        color: #E5E9EC;
        background: #151414;
    }

    h1, h2, h3 {
        color: #E5E9EC;
    }

    a, p a, ul a, ol a, li a {
        color: #B8C3CC;
        transition: none !important;
        box-shadow: none !important;
    }

    b, strong {
        color: #B8C3CC;
    }
    
    span.divider {
        background-color: #2B343B;
    }


    /* NAVIGATION */

    nav.main-nav a {
        transition: none !important;
        box-shadow: none !important;
    }

    nav.main-nav {
        background: #151414;
    }

    nav.main-nav a {
        color: #90A3cA
    }

    nav.main-nav a:hover {
        color: #B8C3CC;
    }

    nav.main-nav a.cta {
        background: #2A2828;
        color: #90A3cA;
        border: 2px solid #90A3cA;
    }

    nav.main-nav a.cta:hover {
        color: #2a2828;
        background-color: #B8C3CC;
        border: 2px solid #B8C3CC;
    }

    /* POST */

    #post-nav a {
        transition: none !important;
        box-shadow: none !important;
    }

    #post-meta div span.dark {
        color: #CFD2B2;	
    }

    #post-meta div a {
        color: #90A3cA;
    }

    #post-meta div a:hover {
        color: #E5E9EC;
    }

    #post-nav a {
        color: #CFD2B2;
        font-weight: bold;
    }

    #post-meta {
        border-color: #2B343B !important;
    }

    .dates {
        color: #90A3cA;
    }

    .dates:hover {
        color: #E5E9EC;
    }

    /* FOOTER */

    #footer a {
        transition: none !important;
        box-shadow: none !important;
    }

    #footer a {
        color: #90A3cA;
    }

    #footer a:hover {
        color: #E5E9EC;
    }

}

@media all and (max-width: 750px) {
  img.sunlit_image {
      max-width: 100% !important;
      max-height: unset;
  } 
}