:root {
  --font-weight-thin:400!important;
}

.my-tag {
  width: 50px;
  font-size: 0.5rem;
  display: inline-block;
  margin-right:1em;
  margin-bottom: 0.4em;
  background-color: rgba(255,255,255,0.1);
  border-radius: .25rem;
  padding: 0.2em;
  text-align: center;
  /* text-transform: uppercase; */
  letter-spacing: 0.05rem;
}
.newfilm {
  /* border: 0px solid rgba(239,156,0,1);
  background-color: rgba(239,156,0,0.5);
  border-radius: .25rem; */
  /* color: rgba(239,156,0,1); */
}

.muted, .oldfilm, .etcera, .politics, .hangouts, .notlive {
    font-weight: 400;
    opacity: 0.7;
}


#bbfc, #bbfc18, #resetera, #freshrss, #rlsbb, #top10, #tubearchivist, #talksport {

  .service-container img {
    display: inline-block;
    height: 1em;
    padding-right: 0.5em;
  }
  .text-right{
    max-width: 50%;

    .mr-2 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 1em;
      font-weight: 400;
      font-size: 0.6rem;
    }
  }

  .pl-2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
  }

  .freshrss-read {
    font-weight: 400;
    opacity: 0.7;
  }


}
#calendarbox{
  position: relative;
}

.tvbox {
  position: absolute;
  width: 100%;
  height: calc(98%);
  background-image: url("https://i.ytimg.com/vi/BSTn_Wx3yi0/maxresdefault.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  transition: all 0.5s;
  border-radius: 0.25rem;
}

.tvbox iframe:hover {
  opacity: 0.1;
}

/* #bbfc18 {
  .enriched_card {
    width: 100%;
  }
  .text-right {display: none!important;}
  .items-center:nth-child(2) {display: none!important;}
  .bbfc-card-url {
    display: inline-block;
    height: 150px;
    width: 16%;
    overflow: hidden;
    margin: 10px;
    text-align: left;
    div {
      display: flex;
      height: 100%;
      align-items: flex-start;
      text-align: left;
      padding: 0px;
    }

  }
  .pl-2 {
    display: inline-block;
    width: 20%;
    height: 100%;
  }
} */


.imdb {
  /* opacity: 0.8;
  filter: brightness(0) invert(100); */
  margin-left: 1.5em;
  padding: 0.2em;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 0.2em;
  box-sizing: border-box;
  display: inline-block;
}

.imdb:hover {
    /* filter: none;
    opacity: 1; */
    color: rgba(245, 197, 24,1);
    border: 1px solid rgba(245, 197, 24,1);
}


.score-bar {
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border: 0.5px solid rgba(245, 197, 24, 0.4);
  &:hover {  border: 0.5px solid rgba(245, 197, 24, 1);}
  transition: all 0.3s ease;
  border-radius: 0.2em;
  box-sizing: border-box;
  padding: 0px 2px 0px 2px;
  margin-right: 5px;
  display: inline-block;
  font-weight: 400;
  letter-spacing: -1px;
  .score-off {
    color: rgba(255, 255, 255, 0.3);
  }

  .score-on {
    color: rgba(255, 255, 255, 1);
  }
  .score-on.score-red { color: rgba(211, 47, 47, 1); }
  .score-on.score-orange { color: rgba(245, 124, 0, 1); }
  .score-on.score-yellow { color: rgba(251, 192, 45, 1); }
  .score-on.score-lightgreen { color: rgb(168, 206, 124); }
  .score-on.score-green { color: rgba(56, 142, 60, 1); }
}



#tubearchivist {
  .service-container > div:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.5em;
    width: 100%;
    box-sizing: border-box;
  }

  .service-container > div:first-child a {
    display: flex;               /* instead of just block */
    flex-direction: column;      /* stack contents vertically */
    justify-content: flex-end;   /* push them to the bottom */
    align-items: flex-start;
    width: auto;
    box-sizing: border-box;
    min-height: 175px;
    background-size: cover;      /* if you want your bg image to fill */
    background-position: center;
    text-align: left;
    position: relative;
    &::after {
      content: "";
      position: absolute;
      inset: 0; /* top:0; right:0; bottom:0; left:0 */
      background: linear-gradient(
        to top,
        rgba(0,0,0,0.8) 0%,
        rgba(0,0,0,0.7) 30%,
        rgba(0,0,0,0) 50%
      );
      pointer-events: none; /* don’t block clicks */  
      z-index: 1;
    }
    .pl-2 {
      text-overflow: unset;
      white-space:normal;
      word-wrap: break-word;
      overflow: visible;
      z-index: 999;
      font-size: 1.2em;
    }
    .mr-2 {
      z-index: 999;
      font-size: 1.2em;
    }
  }


}