/* SLIDESHOW MOBILE UPLOAD DATE FIX V2 */
/* Keep the date centered above the caption, with protected space on both sides. */
@media (max-width:720px){
  #home-slider .slide-caption > .slide-upload-date{
    position:absolute!important;
    z-index:9!important;
    right:auto!important;
    left:50%!important;
    top:auto!important;
    bottom:calc(100% + 8px)!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:calc(100% - 160px)!important;
    min-height:21px!important;
    margin:0!important;
    padding:3px 7px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:999px!important;
    background:rgba(12,14,18,.78)!important;
    color:#f4f7fb!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:0 2px 8px rgba(0,0,0,.3)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  #home-slider .slide-caption > .slide-upload-date::before{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
  }
}

@media (max-width:390px){
  #home-slider .slide-caption > .slide-upload-date{
    right:auto!important;
    left:50%!important;
    top:auto!important;
    max-width:calc(100% - 138px)!important;
    min-height:19px!important;
    padding:3px 6px!important;
    font-size:7.5px!important;
  }
}