/*********************
BREAKPOINTS
*********************/
.blog-post-meta-bottom {
  margin-top: 1.25rem !important;
}

body.SilverStripe\\Blog\\Model\\Blog .mix-container {
  margin-top: 0 !important;
}

body.SilverStripe\\Blog\\Model\\BlogPost .SocialWidgetWrap {
  margin-top: 2.5rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 60px;
  padding: 5rem 5rem 5rem 5rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro h1 {
  color: white;
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro .datePub {
  font-size: 1.4em;
}
@media (min-width: 1024px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro {
    padding: 16.25rem 5rem 8.75rem 5rem;
    margin-top: 0;
  }
}
@media (min-width: 1300px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro .BGImage {
    background-attachment: fixed;
  }
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Intro article {
  text-align: center;
  max-width: 1100px;
  color: #f0f1f1;
  position: relative;
  z-index: 1;
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_main_content {
  padding: 5.5vw 0 5.5vw 0;
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Content {
  padding-bottom: 5.5vw;
}
body.SilverStripe\\Blog\\Model\\BlogPost .Blog_Content .share-buttons {
  padding-top: 5.5vw;
}
body.SilverStripe\\Blog\\Model\\BlogPost figcaption {
  margin: 0.625rem 0 2.5rem 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block {
  margin: 1.8333333333vw 0 1.8333333333vw 0;
}
@media (min-width: 1024px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block:first-child {
    margin-top: 0px !important;
  }
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_FullWidth {
  margin-bottom: 1.5rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Right, body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Left {
  margin: 0.625rem 0 1.25rem 0;
}
@media (min-width: 1024px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Right, body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Left {
    margin: 0.625rem 0 0.8333333333rem 0;
  }
}
@media (min-width: 1024px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Right {
    padding-left: 1.5rem;
  }
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Left {
  float: left;
}
@media (min-width: 1024px) {
  body.SilverStripe\\Blog\\Model\\BlogPost .blog_content_block .dis_Left {
    padding-right: 1.5rem;
  }
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog-post-meta-top {
  margin: 0.625rem 0 0.625rem 0 !important;
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog-post-meta-bottom {
  margin-top: 5rem !important;
  position: relative;
}
body.SilverStripe\\Blog\\Model\\BlogPost .videoWrap, body.SilverStripe\\Blog\\Model\\BlogPost .videoWrapCaption {
  margin: 0.625rem 0 0.625rem 0;
}
body.SilverStripe\\Blog\\Model\\BlogPost .gallery_below {
  margin-top: 2.5rem !important;
}
body.SilverStripe\\Blog\\Model\\BlogPost .gallery_above {
  margin-bottom: 2.5rem !important;
}
body.SilverStripe\\Blog\\Model\\BlogPost .blog_side_bar {
  padding-left: 0.8333333333rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .stack_above.stackImage {
  margin-bottom: 0.625rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .stack_above.stackImage.last {
  margin-bottom: 2.5rem !important;
}
body.SilverStripe\\Blog\\Model\\BlogPost .stack_below.stackImage {
  margin-bottom: 0.625rem;
}
body.SilverStripe\\Blog\\Model\\BlogPost .stack_below.stackImage.first {
  margin-top: 2.5rem !important;
}
body.SilverStripe\\Blog\\Model\\BlogPost .stack_below.stackImage.last {
  margin-bottom: 0 !important;
}