/* category */
.list-item {
  width: 100%;
  display: inline-block;
}
.article-preview {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.list-title {
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: dotted;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: var(--category-hr);
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  overflow-x: hidden;
  overflow-y: hidden;
}
.list-title a {
  background-image: var(--menu-img-major);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 1px;
  background-position-y: center;
  background-size: 8px auto;
  color: var(--primary-color-category);
  font-size: 32px;
  font-weight: 300;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 5px;
}
.list-title a:hover,
.list-title a:focus {
  color: var(--secondary-color-category);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 5px;
}
.list-perex {
  text-overflow: ellipsis;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  overflow-x: hidden;
  overflow-y: hidden;
  clear: both;
  display: inline-block;
}
.list-perex p {
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.list-perex-image {
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  float: left;
  display: block;
}
ul.list-info {
  font-size: 13px;
  text-align: left;
  text-shadow: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  float: left;
  display: inline-block;
}
ul.list-info li {
  font-size: 13px;
  text-align: left;
  text-shadow: none;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  float: left;
  display: block;
}
ul.list-info strong {
  font-style: normal;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 5px;
  float: left;
}
.list-info a {
  color: var(--list-info-a);
  font-size: 13px;
}
.article-navigation {
  font-style: normal;
  font-weight: 300;
  font-size: 19px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.article-perex {
  font-style: italic;
  text-overflow: ellipsis;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-right-style: none;
  border-top-color: currentcolor;
  border-bottom-color: var(--category-perex-hr);
  border-left-color: currentcolor;
  border-right-color: currentcolor;
  overflow-x: hidden;
  overflow-y: hidden;
  clear: both;
  float: left;
  display: block;
}
.article-perex p {
  font-style: italic;
  line-height: 1.3;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.article-perex-image {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
}
.article-content {
  text-overflow: ellipsis;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  clear: both;
  float: left;
  display: block;
}
.article-footer {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
}
.article-footer tbody {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
}
.article-footer tr {
  width: 100%;
  display: inline-block;
}
.article-footer td {
  width: 50%;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  float: left;
  display: block;
}
.article-info {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
}
.article-info td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
}
.article-info a {
  color: var(--article-info-a);
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
}
ul.article-info {
  text-align: left;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
}
ul.article-info strong {
  font-weight: 600;
}
ul.article-info li {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.article-info a:hover {
  overflow-x: hidden;
  overflow-y: hidden;
}
.article-info .icon {
  width: 14px;
  height: 14px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.article-info > li:nth-child(2) a,
.article-info > li:nth-child(3) a,
.article-info > li:nth-child(4) a,
.article-info > li:nth-child(5) a {
  background-image: var(--edit-img);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0;
  background-position-y: center;
  background-size: auto 12px;
  padding-left: 20px;
  padding-right: 2px;
}
.article-info > li:nth-child(2) a:hover,
.article-info > li:nth-child(2) a:hover,
.article-info > li:nth-child(4) a:hover,
.article-info > li:nth-child(5) a:hover {
}
.article-info > li:nth-child(2) img,
.article-info > li:nth-child(3) img,
.article-info > li:nth-child(4) img,
.article-info > li:nth-child(5) img {
  display: none;
}
table .article-rating {
  float: left;
  display: block;
}
.article-rating tbody {
  width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  float: left;
  display: flex;
  flex-direction: column;
}
.article-rating td {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  float: left;
  display: block;
}
.article-rating td input {
  width: 100%;
  float: left;
  display: block;
}
.article-rating td input[type="radio"] {
  text-align: left;
  width: 14px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
.article-rating .icon {
  width: 14px;
  height: 14px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
tr .r0 {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
tr .r0 td {
  width: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
tr .r1 {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 24px;
  padding-right: 0;
  margin-top: 1px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
tr .r1 td {
  width: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: left;
  display: block;
}
.article-rating .r0 > td:first-child img,
.article-rating .r0 > td:nth-child(7) img {
  display: none;
}
.article-rating .r0 > td:first-child {
  background-image: var(--rate-good);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-size: auto 13px;
  width: 20px;
  height: 18px;
}
.article-rating .r0 > td:nth-child(7) {
  background-image: var(--rate-bad);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: center;
  background-position-y: center;
  background-size: auto 13px;
  width: 20px;
  height: 18px;
}
.posts-comments {
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 32px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.posts h2 {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  .article-info td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .article-info {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }
  .list-info a {
    font-size: 11px !important;
  }
}
@media only screen and (max-width: 550px) {
  ul .list-info li,
  .article-footer td {
    width: 100%;
  }
  table.article-rating {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .list-title a {
    font-size: 24px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 470px) {
  .article-perex-image {
    padding-bottom: 5px;
    float: none;
  }
  .list-perex-image {
    padding-bottom: 5px;
    float: none;
  }
}
/* category - end */