Opsiin: Timnas Thailand U-19
/* Related Post Grid by igniel.com */
#ignielRelated{
display:block;
margin:20px 0px;
line-height:1.5em;
}
#ignielRelated h3.title{
font-size:16px;
font-weight:600;
text-align:center;
text-transform:uppercase;
line-height:initial;
}
#ignielRelated h3.title span{
background-color:#fff;
padding:0px 15px;
position:relative;
z-index:1;
}
#ignielRelated h3.title:before{
content: '';
display: block;
position: relative;
top:10px;
width: 100%;
border-top: 2px solid #cccccc;
}
#ignielRelated ul{
margin:20px 0px 0px;
padding:0px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
}
#ignielRelated ul li{
list-style:none;
width:calc((100% / 4) - 7.5px);
text-align:center;
margin-right:10px;
margin-bottom:20px;
padding:0px;
-webkit-margin-start:0px !important;
}
#ignielRelated ul li .thumb{
overflow:hidden;
line-height:0px;
border-radius:7px;
}
#ignielRelated ul li:nth-of-type(4n){
margin-right:0px;
}
#ignielRelated ul li a{
display:block;
}
#ignielRelated ul li a.judul{
color: #000; /* Warna Judul */
font-weight:600;
margin-top:7px;
}
#ignielRelated ul li a.judul:hover, #ignielRelated ul li:hover a.judul{
color: #ff5722; /* Warna Judul Ketika Disorot */
}
#ignielRelated ul li a img{
width:100%;
max-height:143px;
transition:all .3s ease;
border:0px;
margin:0px;
}
#ignielRelated ul li a img:hover, #ignielRelated ul li:hover img{
transform:scale(1.1) rotate(-5deg);
filter: brightness(75%);
-webkit-filter: brightness(75%);
}
#ignielRelated .norelated{
text-align:center;
font-weight:600;
}
@media screen and (max-width:480px){
#ignielRelated ul li{
width: calc((100% / 2) - 7.5px);
margin-right:15px;
margin-bottom:15px;
}
#ignielRelated ul li:nth-of-type(4n){
margin-right:15px;
}
#ignielRelated ul li:nth-of-type(2n){
margin-right:0px;
}
}
