/*--------------------------------------------------------------------------------------
general
--------------------------------------------------------------------------------------*/

.bortom_addons_grid_post_wrapper article{
  background-color: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.12);
}
.bortom_addons_grid_post_wrapper.type-2 article{
    border:unset;
}

.bortom_addons_grid_post_wrapper.type-1 article{
  display: grid;
  grid-template-rows: 11.5rem 1fr;
}
.bortom_addons_grid_post_wrapper.type-2 article{
  color: #fff;
  background-color: #000000;
}

.bortom_addons_grid_post_wrapper.type-2 article{
  position: relative;
  height: 17.5rem;
}
.bortom_addons_grid_post_wrapper.type-2 article>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------------------------------
Image display
--------------------------------------------------------------------------------------*/
.bortom_addons_grid_post_wrapper.type-1 .article_thumbail{
  display: grid;
}
.bortom_addons_grid_post_wrapper.type-1 .article_thumbail img{
  width: 100%;
  height: 11.5rem;
  object-fit: cover;
}
.bortom_addons_grid_post_wrapper.type-2 .article_thumbail img{
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: cover;
}


/*--------------------------------------------------------------------------------------
Content wrapper
--------------------------------------------------------------------------------------*/
.bortom_addons_grid_post_wrapper.type-1 .article_details{
  position: relative;
  padding:1rem;
  padding-bottom: 3.5rem;
}
.bortom_addons_grid_post_wrapper.type-2 .article_details{
  border-radius: 0.75rem;
  background-color: rgba(0,0,0,0);
  transition: 0.3s ease all;
}
.bortom_addons_grid_post_wrapper.type-2 .article_details .the_wrapper{
  position: absolute;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding:1rem;
  bottom: 0;
  height: fit-content;
  align-content: center;
}
.bortom_addons_grid_post_wrapper.type-2 .article_details .the_wrapper>div{
  width: 100%;
}
.bortom_addons_grid_post_wrapper.type-1 .article_details .the_wrapper .the_content_wrapper{
  padding-top: 0.75rem;
}
.bortom_addons_grid_post_wrapper.type-2 .article_details .the_wrapper .the_content_wrapper{
  height: max-content;
  max-height: 0.1rem;
  opacity: 0;
  transition: all 0.5s linear;
  padding-top: 0.75rem;
  grid-gap: 0.75rem;
  display: grid;
  grid-gap: 0.75rem;
}
.bortom_addons_grid_post_wrapper.type-2 article:hover .article_details .the_wrapper .the_content_wrapper{
  max-height: 15rem;
  opacity: 1;
}
.bortom_addons_grid_post_wrapper.type-2 article:hover .article_details{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: rgba(0,0,0,0.3);
}


/*--------------------------------------------------------------------------------------
Content
--------------------------------------------------------------------------------------*/
.bortom_addons_grid_post_wrapper .article_details .article_title,
.bortom_addons_grid_post_wrapper .article_details p{
  margin: 0;
}
.bortom_addons_grid_post_wrapper.type-1 .the_content_wrapper .more_link{
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
.bortom_addons_grid_post_wrapper .the_content_wrapper .more_link a{
  color: inherit;
  font-weight: 600;
}

.bortom_addons_grid_post_wrapper .title_wrapper a{
  color: inherit;
}
.bortom_addons_grid_post_wrapper.type-2 .the_content_wrapper .more_link{
  padding-bottom: 0.5em;
}