/* ----------------------------------------- */ /* View: post-onstreampage - start */ /* ----------------------------------------- */ #HeadStrm {width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); } .Bdystrm { display: flex; padding-right: 2vmin; padding-bottom: 2vmin; flex-direction: column; flex-wrap: nowrap; } .Bdystrm img { box-shadow: none; height: 10vw; border-radius: 5px; object-fit: cover; } .Bdystrm span { margin-top: 1vmin; } #Bdystrm1a { font-family:'avant'; font-size: 1.2vw; font-weight: bold; } @media (max-width: 414px) { #HeadStrm { grid-template-columns: repeat(1, 1fr); } .Bdystrm img{height: 55vmin;object-fit: cover;} #Bdystrm1a {font-size: 4vw;} #Bdystrm1b a {font-size: 3vw !important;} #Bdystrm1b span{font-size: 2.5vw !important;} a.TlTrm {margin-top: 1.5vw !important;font-size: 4vw !important;line-height: 6vw !important;} } a.TlTrm { font-family:'avant'; color: #222222; margin-top: 0.5vw; font-size: 1vw; font-weight: bolder; line-height: 1.3vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } a.TlTrm:hover{ color:#1882b4; } #Bdystrm1 { margin-bottom: 2vmin; } #Bdystrm1b { font-family:'avant'; font-size: 0.95vw; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } /*Mobile View*/ @media only screen and (max-width: 414px) { div#Bdystrm1b { display: flex; justify-content: space-between; font-size: 3vw; } #Bdystrm1b a { font-size: 3vw !important; } .Bdystrm {padding-bottom: 5vmin !important;} } /* ----------------------------------------- */ /* View: post-onstreampage - end */ /* ----------------------------------------- */