/**
 * Theme Name:  Oqtacore New
 */

.page-home {
  background-color: #030303;
  color: white;
}

.post-list-ul-content-categories a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.post-list-ol-content-categories a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.posts-list-ul li {
  max-width: calc(25% - 20px);
  background-color: #030303;
  color: white;
}

.posts-list-ol li {
  max-width: calc(25% - 20px);
}

#ez-toc-height-test {
  display: none;
}

.yasr-star-rating .yasr-star-value {
  background-image: url("assets/images/icon/star.svg") !important;
  background-size: 43px !important;
  height: 47px !important;
  background-repeat: repeat-x !important;
}

.yasr-star-rating {
  background-image: url("assets/images/icon/star-2.svg") !important;
  width: 215px !important;
  background-size: 43px !important;
  height: 47px !important;
}

.dashicons.dashicons-chart-bar.yasr-dashicons-visitor-stats,
.yasr-small-block-bold {
  display: none !important;
}

.yasr-total-average-container,
.yasr-total-average-text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.5;
  margin-top: 10px;
  display: block !important;
}

.responsive-table table tr td {
  width: auto !important;
}

.responsive-table table tr:first-child td {
  text-align: left;
  background-color: #2b24ff;
  color: #fff;
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #fff;
}

.responsive-table table tr .b strong {
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}

.done {
  white-space: normal;
}

.posts-list-ul li .post-list-ul-content p {
  padding-bottom: 80px;
}

.posts-list-ol li .post-list-ol-content p {
  padding-bottom: 80px;
}

.posts-list-ul li {
  position: relative;
}

.posts-list-ol li {
  position: relative;
}

.posts-list-ul li .post-list-ul-content-read-date {
  bottom: 24px;
  position: absolute;
  width: calc(100% - 35px);
}

.posts-list-ol li .post-list-ol-content-read-date {
  bottom: 24px;
  position: absolute;
  width: calc(100% - 35px);
}

.col-content-page {
  width: 100%;
  max-width: 100% !important;
  padding-left: 0 !important;
}

.col-content-page .single-content {
  padding-left: 10px;
  padding-top: 0;
}

.alignleft {
  margin-right: 20px;
}

.wp-caption {
  max-width: 100%;
  height: auto;
}

.index-header-block-img img {
  width: auto;
}

.ez-toc-widget-container ul li.active a {
  color: #ffffff;
}

.ez-toc-widget-container ol li.active a {
  color: #070546;
}

.gdrts-with-fonticon .gdrts-stars-empty {
  background-image: url("assets/images/icon/star-2.svg") !important;
  width: 260px;
  background-size: contain;
  background-size: 52px 44px;
  background-size: 52px 44px;
  height: 44px;
}

.gdrts-with-fonticon .gdrts-stars-current {
  background-image: url("assets/images/icon/star.svg") !important;
  height: 44px;
  background-size: 52px 44px;
}

.gdrts-with-fonticon .gdrts-stars-active {
  background-image: url("assets/images/icon/star.svg") !important;
  height: 44px;
  background-size: 52px 44px;
}

.gdrts-with-fonticon.gdrts-fonticon-font.gdrts-font-star.gdrts-stars-length-5
  .gdrts-stars-empty::before,
.gdrts-with-fonticon.gdrts-fonticon-font.gdrts-font-star.gdrts-stars-length-5
  .gdrts-stars-active::before,
.gdrts-with-fonticon.gdrts-fonticon-font.gdrts-font-star.gdrts-stars-length-5
  .gdrts-stars-current::before {
  content: none !important;
}

.gdrts-rating-text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.5;
  padding-top: 15px;
  display: block !important;
}

.gdrts-rating-user,
.gdrts-rating-please-wait,
.gdrts-rating-thanks {
  display: none !important;
}

.rating .h2 {
  padding-bottom: 0;
}

.gdrts-stars-rating:not(.gdrts-loop-saving)
  .gdrts-stars-empty:hover
  .gdrts-stars-current {
  width: 20% !important;
}

.gdrts-with-fonticon {
  height: 50px !important;
}

.posts-list-ul li .post-list-ul-content-categories {
  flex-wrap: nowrap;
}

.posts-list-ol li .post-list-ol-content-categories {
  flex-wrap: nowrap;
}

.post-list-ul-content-categories a {
  text-overflow: initial;
  overflow: initial;
}

.post-list-ol-content-categories a {
  text-overflow: initial;
  overflow: initial;
}

.posts-list-ul li .post-list-ul-content-categories {
  overflow: hidden;
}

.posts-list-ol li .post-list-ol-content-categories {
  overflow: hidden;
}

.post-list-ul-content-categories {
  min-height: 35.2px;
}

.post-list-ol-content-categories {
  min-height: 35.2px;
}

@media screen and (max-width: 1400px) {
  .posts-list-ul li {
    max-width: calc(33.33333% - 16px);
  }
  .posts-list-ol li {
    max-width: calc(33.33333% - 16px);
  }
  .index-header-block-img img {
    width: 335px;
  }
  .index-header-block-img {
    margin-top: 32px;
  }
  .index-header-block {
    margin-top: 66px;
  }
}

@media screen and (max-width: 1023px) {
  .posts-list-ul li {
    max-width: 100%;
  }

  .posts-list-ol li {
    max-width: 100%;
  }
  .yasr-star-rating .yasr-star-value {
    background-size: 28px !important;
    height: 30px !important;
  }
  .yasr-star-rating {
    width: 140px !important;
    background-size: 28px !important;
    height: 30px !important;
  }
  .alignleft {
    margin-right: 0px;
  }
  .faq-item-title span {
    padding-right: 65px;
  }
  .index-header-block {
    margin-top: 0 !important;
    min-height: 140px;
    display: flex;
    align-items: center;
  }
  .index-header-block-img {
    min-height: 140px;
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  .gdrts-with-fonticon .gdrts-stars-empty {
    width: 145px;
    background-size: 29px 25px;
    height: 25px;
  }
  .gdrts-with-fonticon .gdrts-stars-current {
    background-size: 29px 25px;
    height: 25px;
  }
  .gdrts-with-fonticon .gdrts-stars-active {
    background-size: 29px 25px;
    height: 25px;
  }
  .gdrts-rating-text {
    padding-top: 15px;
  }
  .rating {
    padding: 26px 20px 20px;
  }
  .gdrts-with-fonticon {
    height: 28px !important;
  }
}

@media screen and (max-width: 475px) {
  .index-header-block {
    margin-top: 48px;
  }
  .index-header-block {
    margin-top: 0 !important;
    min-height: 100px;
    display: flex;
    align-items: center;
  }
  .index-header-block-img {
    min-height: 100px;
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
}

h5 {
  margin-top: 10px;
  margin-bottom: 18px;
}