/*Created Elements*/
@media(min-width:799px) {
  .Main.Main--blog-item{
    display:flex;
    position:relative;
  }
  section.Main-content{
    width:50%;
    margin-top:var(--wm-header-bottom-height);
  }
  .wm-blog-banner{
    display:grid !important;
    place-items: end center;
    height: 100vh;
    position: sticky;
    width:50%;
    top:0;
  }
  .wm-blog-banner .wm-blog-banner-image{
    visibility: visible !important;
    grid-area: 1 / 1 / 2 / 2;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    overflow: hidden;
  }
  .wm-blog-banner:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
  }
  .Index-page--has-image .Blog-meta.BlogItem-meta, .Index-page--has-image .Blog-meta.BlogItem-meta a, .wm-blog-banner .blog-item-description{
    color:white;
  }
  .BlogItem .sqs-block {
    width: 100% !important;
    box-sizing: border-box;
  }

  .wm-blog-banner-content{
    display:none;
  }
}

@media(max-width:800px) {
  .wm-blog-banner{
    display:grid;
    place-items: end center;
    height: 50vh;
    position: relative;
  }
  .wm-blog-banner .wm-blog-banner-image{
    grid-area: 1 / 1 / 2 / 2;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .wm-blog-banner:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background-image:linear-gradient(
      to top,
      transparent 0%, 
      transparent 100%);
  }
  .Index-page--has-image .Blog-meta.BlogItem-meta, .Index-page--has-image .Blog-meta.BlogItem-meta a, .wm-blog-banner .blog-item-description{
    color:white;
  }

  .wm-blog-banner-content{
    display:none;
  }
}
.blog-item-description{
  display:none;
  text-align:center;
  padding-top:17px;
  padding-bottom:17px;
}

/*Hide Banner On Edit*/
body.sqs-edit-mode-active .wm-blog-banner{
  display:none !important;
}

/*Revert Styles Back in Edit Mode*/
body:not(.sqs-edit-mode-active) .remove-height{
  padding:0px !important;
}