@import url('https://fonts.googleapis.com/css2?family=Prompt&display=swap');
body,html{
margin:0;
font-family: 'Prompt', sans-serif!important;
}
.f-post-embed{
width: 100%;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #999;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.widget-yp-post-embed a, .widget-yp-post-embed a:focus {
    color: #222;
}
.widget-yp-post-embed a:hover {
    color: #222;
}
.clearfix {
    clear: both;
}
.yp-wiget-title{
  display: block;
  float: left;
  width: calc(10% - 5px);
  text-align: center;
  padding-right: 5px;
}
 .yp-post-meta {
   width: calc(90% - 5px);
   display: block;
   float: left;
   padding-left: 5px;
}

 .yp-post-meta span {
   font-size: 12px;
   color: #222;
   font-weight: 400;
   position: absolute;
   bottom: 6px;
 }
  .yp-post-meta span svg {
    color: #f9aa2b;
    width: 14px;
    margin-bottom: -7px;
}
 .yp-post-meta h4{
   display: block;
   margin: 0;
   padding: 0;
   line-height: 20px;
   color: #222;
   font-size: 14px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }

.widget-yp-post-embed .in-thumb{
  padding-bottom: calc( 1 * 100% );
position: relative;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
overflow: hidden;
}
 .yp-wiget-title img {
     display: block;
     -webkit-transition: -webkit-filter .3s;
     transition: -webkit-filter .3s;
     -o-transition: filter .3s;
     transition: filter .3s;
     transition: filter .3s,-webkit-filter .3s;
     height: 100%;
     width: 100%;
     position: absolute;
     top: calc(50% + 1px);
     left: calc(50% + 1px);
     -webkit-transform: scale(1.01) translate(-50%,-50%);
     -ms-transform: scale(1.01) translate(-50%,-50%);
     transform: scale(1.01) translate(-50%,-50%);
     object-fit: cover;
 }

.widget-yp-post-embed {
    display: block;
    position: relative;
    overflow: hidden;
    border: 0;
    padding: 0;
    background: #fff;
    margin: 0;
}
.widget-yp-post-embed a {
    display: block;
    border: solid 1px #ddd;
    padding: 6px 8px;
    text-decoration: none;
    margin-bottom: 10px;
    position: relative;
}
.widget-title-yp {
    background: #e1e1e1;
    padding: 5px 10px;
    margin-bottom: 15px;
}

@media (max-width:767px) {
  .yp-wiget-title{
    width: calc(30% - 5px);
  }
  .yp-post-meta {
    width: calc(70% - 5px);
  }
}