/*Naujienos*/
/* Make sure the image wrapper is the positioning context */
.hfe-post-card .hfe-post-image{
  position: relative;
  overflow: hidden;
}

.hfe-post-card .hfe-post-image img{
  display: block;
  width: 100%;
  height: auto;
}

/* The gradient overlay */
.hfe-post-card .hfe-post-image::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none; 
  background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
  opacity: 1;
  transition: opacity 250ms ease;
}

/* Remove gradient on hover over the whole card */
.hfe-post-card:hover .hfe-post-image::after{
  opacity: 0;
}

/*------------*/
/*post*/
.post-title{
	color:#fff !important;
}
/* Mobile post title size */
@media (max-width: 767px){
  .post-title{
    font-size: 26px !important; 
    line-height: 1.2;
  }
}
@media (max-width: 350px){
  .post-title{
    font-size: 20px !important; 
    line-height: 1.2;
  }
}


.post-bread span.hfe-breadcrumbs-home-icon {
	display: none !important;
}

.post-img{
	background-color: #f2f2f2;    
  transition: opacity .2s ease;   
  opacity: 1;
}

.post-img{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Full width hero background */
.post-img{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Constrain the INNER Elementor child that holds the title/breadcrumbs */
.post-img .e-child{
  width: min(100%, 1340px) !important;
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;

  flex: 0 1 auto !important;
}

.post-img{
  overflow: visible !important;
}

/*share links*/
.share-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.share-bar__label{ opacity:.8; margin-right:8px; }

.share-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(0,0,0,.22);
  border-radius:0px;
  text-decoration:none;
  background:transparent;
  cursor:pointer;
  color:inherit;
}

.share-btn svg{
  width:16px;
  height:16px;
  fill: currentColor;
}

.share-btn:hover{
  border-color: rgba(0,0,0,.40);
}