/* Blog CSS */
.blog-content.summarize .blog-post-prime,
.blog-content.summarize .blog-post-socialmedia,
.blog-content.summarize .blog-post-subtitle,
.blog-content.summarize .blog-post-body,
.blog-content.summarize .blog-post-images,
.blog-content.summarize .blog-post-files,
.blog-content.summarize HR {
  display: none !important;
}
.blog-content.summarize .blog-post-panel {
  padding: 0 15px;
}
.blog-content.summarize .blog-post-publish,
.blog-content.summarize .blog-post-title {
  margin-bottom: 3px;
}
.blog-post.expand .blog-post-prime,
.blog-post.expand .blog-post-socialmedia,
.blog-post.expand .blog-post-subtitle,
.blog-post.expand .blog-post-body,
.blog-post.expand .blog-post-images,
.blog-post.expand .blog-post-files,
.blog-post.expand HR {
  display: inherit !important;
}
.blog-post.expand .blog-post-panel {
  padding: 15px;
}
.blog-nav-panel {
  width: calc(25% - 30px);
  position: fixed;
  z-index: 10000;
  background-color: transparent;
  border: solid thin white;
  padding: 1rem;
}
@media (max-width: 767px) {
  .blog-nav-panel {
    width: inherit !important;
    background-color: black;
  }
}
.blog-nav-panel .nav-pills {
  background-color: black;
}
.blog-index-panel {
  z-index: 4000;
}
.blog-content UL,
.blog-content OL {
  list-style-position: inside;
}
.blog-content .panel {
  background-color: transparent;
}
.blog-content .blog-post-month-bottom {
  margin-bottom: 3rem;
}
.blog-content .blog-index-years,
.blog-content .index-year {
  list-style-type: none;
  text-align: left;
  background-color: transparent;
}
.blog-content .index-year {
  margin-left: 2rem;
}
.blog-content .index-month,
.blog-content .index-year-heading {
  cursor: pointer;
}
.blog-content .index-month.active {
  color: #000;
  background-color: #FFF;
}
.blog-content .blog-post-socialmedia {
  margin-bottom: 2rem;
}
.blog-content .blog-post-title,
.blog-content .blog-post-subtitle {
  margin-bottom: 1rem;
}
.blog-content .blog-post-publish {
  margin-bottom: 2rem;
}
.blog-content .blog-post-prime {
  margin-bottom: 2rem;
}
.blog-content .blog-post-prime IMG {
  max-height: 85vh;
  max-width: 100%;
  border: solid gray 4px;
}
.blog-content .blog-title {
  margin: 1rem 0;
}
.blog-content .blog-subtitle {
  margin-bottom: 1rem;
}
.blog-content .blog-post-files {
  padding-left: 2rem;
}
.blog-content .blog-post-files H4 {
  margin-bottom: 2rem;
}
.blog-content .blog-post-file {
  margin-left: 2rem;
}
.blog-header {
  position: relative;
  padding: 100px 0 0 0;
  height: 85vh;
}
.blog-header .blog-header-content {
  height: 100%;
}
.blog-header .blog-header-content IMG {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%);
  max-height: 80%;
  max-width: 95%;
}
.blog-post-image {
  cursor: pointer;
}
.blog-post-image .blog-post-image-title {
  display: none;
}
.blog-post-thumb-image {
  display: inline-block;
  height: 100px;
  margin: 2rem 2rem 0 0;
}
.blog-post-thumb-image IMG {
  max-width: 100%;
  max-height: 100px;
}
.blog-post.expand .full-window,
.blog-post-sidebar .blog-post-image.full-window {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 100000;
  overflow: hidden;
}
.blog-post.expand .full-window IMG,
.blog-post-sidebar .blog-post-image.full-window IMG {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  max-height: 90vh;
  max-width: 85vw;
  border: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.blog-post.expand .full-window .blog-post-image-title,
.blog-post-sidebar .blog-post-image.full-window .blog-post-image-title {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: -1px -1px 7px black;
}
.blog-post-sidebar .blog-post-image {
  cursor: pointer;
  max-width: 100%;
}
.blog-post-sidebar .blog-post-image .blog-post-image-title {
  display: none;
}
.blog-post-sidebar .blog-post-image IMG {
  max-width: 100%;
  max-height: 300px;
  margin-bottom: 2rem;
  border: solid 3px white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
