.bd-post-list
{
}
.bd-post-list .blog-post-entry
{ overflow:hidden;
  max-height:800px;

  margin-bottom:10px;
}

.bd-post-list .blog-post-entry .blend
{ position:absolute;
  width:100%;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;

  height:100%;
  background: url(/bd_xml_series/47/blend.png);
  opacity:0.8;
  background-size : 100% 100%;
  left:0px;
  top:0px;
  z-index:8;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;


}



.bd-post-list .blog-post-entry:hover .blend
{ opacity:0.4;

}
.bd-post-list .blog-post-entry .dom-image-bgf{
  transition:all 0.5s;
}

.bd-post-list .blog-post-entry:hover .dom-image-bgf
{    width: 120%;
  height: 120%;
  left: -10%;
  top: -10%;
}

.bd-post-list .blog-post-entry .blog_post_content
{position:relative;
  z-index:10;

  aspect-ratio: 16 / 6; 

}





.bd-post-list .blog-post-entry .blog_post_content
{position:relative;
  z-index:10;
  margin-right:40%;
}


@media (max-width: 1280px){
  .bd-post-list  .blog-post-entry .blog_post_content
  { position:relative;
    z-index:10;
    margin-right:20%;
    aspect-ratio: 16 / 9; 
  }




}


@media (max-width: 1080px){
  .bd-post-list  .blog-post-entry .blog_post_content
  { position:relative;
    z-index:10;
    padding-right:50px;
    margin-right:0;
    aspect-ratio: auto; 
    overflow:hidden;


  }

 

}


@media (max-width: 840px){

  .bd-post-list  .blog-post-entry .blog_post_content p
  { display:none;
  }

}


.bd-post-list .blog-post-entry .bd-gradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.bd-gradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -moz-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -o-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  -ms-linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);
  background-image:  linear-gradient(rgba(0,0,0, 0) 10%,rgba(0,0,0, 0) 80%,rgba(0,0,0, 1) 100%);

  z-index: 10;
  top: 0;
}
.bd-rgradient
{ display:block;
  position : absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.bd-rgradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -moz-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0.2, 0) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -o-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  -ms-radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);
  background-image:  radial-gradient(ellipse at center, rgba(0,0,0, 0.2) 0%,rgba(0,0,0, 0.2) 60%,rgba(0,0,0, 1) 100%);

  z-index: 10;
  top: 0;
}