.related-posts-nav {
border: 0pt none;
margin: 0pt;
padding: 0pt;
}
.related-posts-nav:after {
content: '';
display: block;
clear: both;
}
.related-posts-nav>li {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.related-posts-nav>li:after {
content: '';
display: block;
clear: both;
}
.related-posts-nav>li:before {
display: none;
}
.related-posts-nav>li>a {
border-bottom: medium none;
margin: 0pt;
padding: 6px;
display: block;
float: left;
text-decoration: none;
text-align: center;
cursor: pointer;
border-right: #ddd;
background-color: #fff;
}
.related-posts-nav>li>a:hover {
background-color: #eeeeef;
}
@media screen and (min-width: 290px) and (max-width: 520px) {
.relpost-block-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.related-posts-nav>li>a>.related-post-list-item-inner-container {
border: 0pt none;
margin: 0pt;
padding: 0pt;
width: 150px;
height: 225px;
}
.related-posts-nav>li>a>.related-post-list-item-inner-container>.related-post-list-item-img-container {
border: 0pt none;
margin: 0pt;
padding: 0pt;
width: 150px;
height: 150px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 0;
}
.related-posts-nav>li>a>.related-post-list-item-inner-container>.related-post-list-item-text-container {
border: 0pt none;
margin: 3px 0pt 0pt;
padding: 0pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-stretch: normal;
color: #333333;
}
.related-post-list-item-link {
box-shadow: none !important;
} #related_posts_thumbnails {
list-style-type: none;
list-style-position: inside;
padding: 0;
margin: 0
}
#related_posts_thumbnails li {
float: left;
padding: 0;
margin: 0;
padding: 5px;
display: block;
max-width: 100%;
}
.relpost_content {
display: block;
overflow: hidden;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
font-stretch: normal;
-x-system-font: none;
text-decoration: none;
max-width: 100%;
}
.relpost-post-image {
padding: 0;
margin: 0;
border: 0 none;
max-width: 100%;
}
.relpost-post-image{
aspect-ratio: 16/9;
height: auto !important;
object-fit: cover;
}
.relpost-block-container {
border: 0 none;
margin: 0;
padding: 0;
}
.relpost-block-single {
border-bottom: medium none;
margin: 0;
padding: 6px;
display: block;
float: left;
text-decoration: none;
text-align: center;
cursor: pointer;
margin-right: -1px;
margin-bottom: 5px;
overflow: hidden;
border: 0;
}
.rpth_list_date{
display: block;
padding-top: 5px
}
.relpost-block-single-image {
border: 0 none;
margin: 0;
padding: 0;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-inline-policy: continuous;
background-size: cover !important;
max-width: 100%;
}
.relpost-block-single-text {
border: 0 none;
margin: 3px 0 0;
padding: 0;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
font-stretch: normal;
-x-system-font: none;
overflow: hidden;
}
.relpoststh_front_cat {
padding-top: 5px;
}
html[dir="rtl"] .relpost-block-single {
float: right;
}
html[dir="rtl"] #related_posts_thumbnails li {
float: right;
}
.relpost-align-left {
float: left;
}
.relpost-align-right {
float: right;
}
.relpost-align-center {
float: none;
text-align: center;
}
.relpost-align-center .relpost-block-single {
display: inline-block;
float: none;
}
.relpost-thumb-wrapper:after {
content: "";
display: block;
clear: both;
}
.rpth_post_date {
display: block;
padding-top: 10px;
font-size: 11px;
}
.relpost-block-container .relpost_card_title{
font-size: inherit;
line-height: inherit;
font-weight: 700;
}
.relpost_content h2.relpost_card_title {
font-size: inherit;
} .relpost-block-column-layout{
display: grid;
grid-template-columns: repeat(var(--relposth-columns), 1fr);
gap: 10px; }
.relpost-block-column-layout .relpost-custom-block-single{
max-width: 100%;
}
.relpost-block-column-layout .relpost-block-single-image{
width: 100% !important;
aspect-ratio: 1/1;
height: auto !important;
background-position: center center !important;
} @media (max-width: 1024px){
.relpost-block-column-layout{
grid-template-columns: repeat(var(--relposth-columns_t), 1fr);
}
}
@media (max-width: 600px){
.relpost-block-column-layout{
grid-template-columns: repeat(var(--relposth-columns_m), 1fr);
}
}