/** MarkDown **/
.markdown-body div {
  padding: 0 0.5rem;
}
.markdown-body h2 {
  color: #364e96;
  padding: 0.25em 0;
  background: #eaf3ff;
  border-top: solid 2px #364e96;
  border-bottom: solid 2px #364e96;
}
.markdown-body h3 {
  padding: 0.15em;
  color: #364e96;
  background: #eaf3ff;
  border-left: solid 5px #364e96;
}
.markdown-body h4 {
  padding: 0.15em;
  color: #364e96;
  background: #fffaf4;
  border-left: solid 5px #364e96;
}
.markdown-body h5 {
  padding: 0.12em 0;
  color: #364e96;
  background: transparent;
  border-bottom: solid 2px #364e96;
}
.markdown-body h6 {
  color: #364e96;
  border-bottom: solid 2px #364e96;
}

/** Category&tag menu **/
.menu-item {
  background-color: #EEE !important;
}
.menu-item-active {
  background-color: #6574cd !important;
  color: #FFF !important;
}
.tag-title {
  background-color: #888 !important;
}
/** arrow-up **/
.totop {
  z-index: 3;
}
/** Footer Link **/
#footer a {
  color: #FFF !important;
}
/** Pagination
.page-item.active .page-link {
  background-color: #F66D9B !important;
  border-color: #F66D9B !important;
  color: #FFF !important;
}
**/




#wrapper {
  overflow: hidden;
  height: 100%;
  min-height: 100vh;
}
#header {
  width: 100%;
  border-bottom: 3px solid #6574cd;
  z-index: 3;
}
#main {
  position: relative;
  width: 100%;
  word-wrap: break-word;
}
#cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: #CCC;
  z-index: 3;
  opacity: 0.5;
}
#aside {
  width: 0px;
}

#aside, #main, #category {
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
#footer {
  width: 100%;
  height: 70px;
  z-index: 3;
}

#wrapper.toggled > #aside {
  width: 250px;
  z-index: 3;
}
#wrapper.toggled > #main {
  width: calc(100% - 250px);
}
#wrapper.toggled #cover {
  display: block;
}

.squared {
  border-radius: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '>' !important;
}

@media (min-width: 768px) {
  #leftbtn, #rightbtn {
    display: none;
  }
  #aside {
    width: 250px;
    margin-top: 1rem;
  }
  #main {
    width: calc(100% - 250px);
  }
  #leftmenu {
    width: 100% !important;
    max-width: 768px !important;
    display: inherit !important;
  }
  #category {
    width: 100% ;
  }
  #wrapper.toggled #aside {
    width: 0;
  }
  #wrapper.toggled #main {
    width: 100%;
  }
  #wrapper.toggled #cover {
    display: none;
  }
}