/** 
article.post
*/

article.post section.hero_blog {
  padding-top: 300px;
  padding-bottom: 110px;
  position: relative;
  color: #fff;
}

article.post section.hero_blog h1 {
  color: #fff;
}

article.post section.hero_blog p.lead {
  margin-bottom: 30px;
  color: #fcfbf8;
}

article.post section.hero_blog .metabar > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

article.post section.hero_blog .metabar > *:not(:first-child):not(:last-child) {
  border-right: 1px solid #fff;
}

article.post section.hero_blog span {
  opacity: 0.5;
}

article.post section.hero_blog .bg_static_cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
}

article.post section.hero_blog .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -o-linear-gradient(bottom, rgba(21, 10, 62, 1), rgba(21, 10, 62, 0));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(21, 10, 62, 1)), to(rgba(21, 10, 62, 0)));
  background: linear-gradient(0deg, rgba(21, 10, 62, 1), rgba(21, 10, 62, 0));
}

article.post section.hero_blog .dropdown .btn-primary {
  width: 100%;
}

article.post section.hero_blog .dropdown-menu {
  background-color: var(--BluePurple);
  background-image: -o-linear-gradient(top left, #2831da 0%, #313bf5 0%, #313bf5 50%, #2831da 100%);
  background-image: -webkit-gradient(linear, left top, right bottom, from(#2831da), color-stop(0%, #313bf5), color-stop(50%, #313bf5), to(#2831da));
  background-image: linear-gradient(to bottom right, #2831da 0%, #313bf5 0%, #313bf5 50%, #2831da 100%);
}
article.post section.hero_blog .dropdown-item {
  color: #fff;
}
article.post section.hero_blog .dropdown-item:focus,
article.post section.hero_blog .dropdown-item:hover {
  background-color: var(--BluePurple);
}