/* Styles for non-empty elements */
/* Added exception for social elements*/
p:not(:empty),
h1:not(:empty),
h2:not(:empty),
h3:not(:empty),
time:not(:empty),
div.credits:not(:empty),
div.publishauthor:not(:empty),
div.footercol:not(:empty) ul li,
div.div.placardDescription,
blockquote,
section.forumselect ul li:not(:empty),
section.forumrules ul li:not(:empty),
section.forumrules ol li:not(:empty),
footer.credits:not(:has(ul.socialIcons)), /* Exception for footer.credits with ul.socialIcons */
span.placard-type,
article.esportsFeaturedTextsWrapper,
#relatedReviewsWrapper.artistyle1 article,
#relatedTextsWrapper.artistyle1 article,
div.boxbody ul.relatedtexts li.reltexttypearticles:not(:empty),
div.boxbody ul.relatedtexts li.reltexttypenews:not(:empty),
div.boxbody ul.relatedtexts li.reltexttypegrtv:not(:empty),
div.otherproduct a div.name {
  direction: rtl!important;
  text-align: right!important;
}

/* Styles for elements containing text */
div.boxbody ul.relatedtexts li span:not(:empty),
div.boxbody ul.relatedtexts li a:not(:empty) {
  display: inline-block!important;
}

/* Specific styles for certain elements */
#relatedReviewsWrapper.artistyle1 article a h3,
#relatedTextsWrapper.artistyle1 article a h3 {
  margin-right: 5px;
}

span.placard-type {
  margin-right: 25px;
}

.commentsbox {
  margin-right: 0px;
}

.artistyle1 article h2,
.artistyle1 article h3 {
  max-width: 96%!important;
}

span.reltextdate {
  font-size: 13px;
}

div.footercol:not(:empty) h2,
div.footercol:not(:empty) ul {
  margin-right: 30px;
}

/* Responsive styles */
@media only screen and (max-width: 1019px) {
  .artistyle1 article h2,
  .artistyle1 article h3 {
    max-width: 94%!important;
  }
}

@media only screen and (min-width: 1020px) {
  article a h3 {
    max-width: 95% !important;
  }
}