/*Created Elements*/
.wm-blog-banner{
  display:grid;
  place-items: center center;
  min-height:100vh;
  position: relative;
}
.wm-blog-banner:before{
  content:"";
  position:absolute;
  height:100%;
  width:100%;
}
.wm-blog-banner .section-background img.wm-blog-banner-image{
  visibility:visible !important;
  grid-area: 1 / 1 / 2 / 2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.blog-item-description{
  display:none;
  padding-top:17px;
  padding-bottom:17px;
}

@media screen and (min-width: 768px) {
 .wm-blog-banner.blog-item-wrapper .blog-item-top-wrapper{
    width:50% !important;
    padding:3vw !important;
  }
}
.wm-blog-banner.blog-item-wrapper .blog-item-top-wrapper{
  position:relative;
  box-sizing:border-box;
  max-width: 80% !important;
  display:flex;
  padding:17px;  
  margin:17px;
  margin-top:var(--wm-header-height);
  width:80%;
  grid-area: 1 / 1 / 2 / 2; 
  text-align:center;
  color:white;
  z-index:1;
}
.wm-blog-banner.blog-item-wrapper .blog-item-top-wrapper:after{
  content:"";
  position:absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background-color:white;
  backdrop-filter: blur(10px);
  border-radius:5px;
  opacity:.65;
  box-sizing: border-box;
  z-index: -1;
}
.wm-blog-banner .preFade, .wm-blog-banner .preScale, .wm-blog-banner .preSlide, .wm-blog-banner .preClip{
  opacity:1 !important;
  transform: translate(0%,0%) !important;
}
body.sqs-edit-mode-active .wm-blog-banner{
  display:none !important;
}

/*Cloned Blog Title Components*/
.wm-blog-banner .blog-item-author-date-wrapper {
  justify-content:center;
}
.wm-blog-banner .blog-item-top-wrapper .blog-item-title h1.entry-title, .wm-blog-banner .blog-item-top-wrapper .blog-item-title p, .wm-blog-banner.blog-item-wrapper .blog-meta-item, .wm-blog-banner.blog-item-wrapper .blog-meta-item a, .wm-blog-banner.blog-item-wrapper .blog-meta-item span, .wm-blog-banner .wm-blog-description{
  color:black;
}

/*Squarespace Elements*/
body:not(.sqs-edit-mode-active) article :not(.wm-blog-banner) .blog-item-top-wrapper{
  display:none !important;
}
body:not(.sqs-edit-mode-active) article section.content-collection{
  padding-top:0px !important;
}
body:not(.sqs-edit-mode-active) .remove-height{
  padding:0px !important;
}