@charset "UTF-8";

// Import partials from `sass_dir` (defaults to `_sass`)

.site-header > .navbar {
  //border-top: 5px solid $dark;
  border-bottom: 2px solid $light;
}

#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display:none;
}

$navbarHeight: 58px;

.large {
  font-size: $font-size-lg;
}

#submenuNavbar {
  top: $navbarHeight;
}

#main {
  margin-top: $navbarHeight + 15px;
  margin-bottom: $navbarHeight + 15px;
}

#main.submenu {
  margin-top: 2*$navbarHeight + 15px;
}

*[id]:before {
  display: block;
  content: " ";
  margin-top: -2*$navbarHeight; // Set the Appropriate Height
  height: 2*$navbarHeight; // Set the Appropriate Height
  visibility: hidden;
}

.site-header > .navbar {
  background-color: $body-bg;
}

.site-footer {
  border-top: 2px solid $light;
  background-color: $body-bg;
}

.post-content, p {
    text-align: justify;
}

.post-title {
    font-weight: $font-weight-normal;
}

.card.sidebar {
    width: 20rem;
}

blockquote {
  padding: 0 1em;
  color: $gray-600;
  border-left: 0.25em solid $gray-300;
}

@include media-breakpoint-up(md) {
  #main {
    margin-bottom: 295px;
  }
}

@include media-breakpoint-down(sm) {
  .md-up {
    display: none;
  }
}