.yarpp-thumbnail-block {
width: 33.33%;
}
.yarpp-heading {
font-size: 1.2em;
letter-spacing: -0.7px;
color: #484848;
margin-bottom: 5px;
font-weight: 400;
line-height: 1.3em;
}
.yarpp-related span.yarpp-thumbnail-title {
font-size: 1em;
padding: 5px;
box-sizing: border-box;
display: block;
line-height: 16px;
font-weight: 400;
text-align: left;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
display: block;
}
.yarpp-thumbnail-default {
overflow: hidden;
}
.yarpp-thumbnail-default > img {
min-height: 130px;
min-width: 170px;
}
.yarpp-related{
box-sizing: border-box;
overflow: hidden;
}
.yarpp-related h3{
margin-left: 15px!important;
padding-bottom: 10px!important;
font-style: normal!important;
font-weight: 400!important;
padding-top: 20px!important;
font-size: 20px!important;
color: #1A1A1A!important;
font-family: Arial, Helvetica, sans-serif!important;
}
.yarpp-related .yarpp-thumbnails-horizontal{
padding-top: 10px!important;
border-top: 1px solid #ebebeb!important;
padding-bottom: 30px!important;
display: flex;
justify-content: center;
}
.yarpp-thumbnail-block a{
position: initial!important;
transition: none!important;
}
.yarpp-thumbnail-block a:hover:after{
position: initial!important;
transition: none!important;
}
.yarpp-thumbnail{
border-radius: 2px!important;
padding: 0px!important;
padding-bottom: 25px!important;
border: none!important;
margin: 0!important;
min-height: 215px!important;
width: 100%!important;
}
.yarpp-related .yarpp-thumbnail img{
width: 96%!important;
border-radius: 2px;
margin: auto!important;
}
.yarpp-related-none{
display:none;
}
@media screen and (max-width: 768px){
.yarpp-thumbnail-block{
padding: 10px!important;
width: 100%!important;
text-align: center!important;
margin: auto!important;
}
.yarpp-related .yarpp-thumbnails-horizontal{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.yarpp-thumbnail{
border-radius: 2px!important;
padding: 0px!important;
padding-bottom: 25px!important;
border: none!important;
margin: 0!important;
width: 90%!important;
}
.yarpp-related .yarpp-thumbnail img{
height: auto!important;
min-height: 200px!important;
}
}