/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

.entry-content iframe,
.entry-content object,
.entry-content embed {
  width: 100%;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  clear: both;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

p {
  text-align: justify;
}

.post-card__description {
  text-align: justify;
}

.yarpp-related {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

@media (min-width: 768px) {
  .post-card--related {
    min-width: 120px;
    font-size: 0.8em;
  }

  .related-posts .post-cards--vertical {
    display: flex !important;
  }
}

.related-posts .post-card__thumbnail img {
  height: 200px;
}

@media (min-width: 768px) {
  .post-card--related {
    min-width: 120px;
  }
}

.related-posts .post-cards--vertical {
  display: flex !important;
}

.pagination.alignleft {
  margin: 20px auto;
  padding: 10px;
  width: 350px;
  word-break: normal;
}

.pagination.alignright {
  margin: 20px auto;
  padding: 10px;
  width: 350px;
  word-break: normal;
}

.widget-header {
  text-align: center;
}

.pagination.alignright {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

.widget-articles .post-card__thumbnail {
  text-align: center;
}

.widget-articles .post-card__title {
  text-align: center;
}

.post-card--horizontal {
  align-items: start;
}

.entry-meta__bottom {
  justify-content: center;
}
.main-navigation ul li .sub-menu li > a {
  padding: 10px 30px;
}
.main-navigation-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}
#main-search-filter-wrap {
  display: flex;
  justify-content: right;
  align-items: baseline;
}
.searchandfilter ul {
  padding: 0 0 0 20px;
}
.yarpp-related a img {
  width: 160px;
  height: 230px;
  margin: 5px;
  vertical-align: top;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 174px;
  margin: 5px;
  margin-left: 0px;
  vertical-align: top;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail,
.yarpp-thumbnail-default,
.yarpp-thumbnail-title {
  display: inline-block;
}
.yarpp-related .yarpp-thumbnail-title {
  padding: 0 6px;
}
.yarpp-excerpt {
  display: none;
}
a.yarpp-thumbnail:hover .yarpp-excerpt {
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 100%;
  padding: 4px;
  background: #000;
  color: #fff;
}
.yarpp-excerpt p {
  font-size: 14px;
  padding: 0 7px;
  text-align: left;
  word-wrap: break-word;
  max-width: 160px;
}
a.yarpp-thumbnail:hover .yarpp-excerpt:after {
  content: "";
  height: 100px;
  position: absolute;
  z-index: 222;
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
a.yarpp-thumbnail {
  position: relative;
}
.star-rating-item.hover,
.star-rating--score-1:not(.hover) .star-rating-item:nth-child(1),
.star-rating--score-2:not(.hover) .star-rating-item:nth-child(1),
.star-rating--score-2:not(.hover) .star-rating-item:nth-child(2),
.star-rating--score-3:not(.hover) .star-rating-item:nth-child(1),
.star-rating--score-3:not(.hover) .star-rating-item:nth-child(2),
.star-rating--score-3:not(.hover) .star-rating-item:nth-child(3),
.star-rating--score-4:not(.hover) .star-rating-item:nth-child(1),
.star-rating--score-4:not(.hover) .star-rating-item:nth-child(2),
.star-rating--score-4:not(.hover) .star-rating-item:nth-child(3),
.star-rating--score-4:not(.hover) .star-rating-item:nth-child(4),
.star-rating--score-5:not(.hover) .star-rating-item:nth-child(1),
.star-rating--score-5:not(.hover) .star-rating-item:nth-child(2),
.star-rating--score-5:not(.hover) .star-rating-item:nth-child(3),
.star-rating--score-5:not(.hover) .star-rating-item:nth-child(4),
.star-rating--score-5:not(.hover) .star-rating-item:nth-child(5) {
  color: #ff0000 !important;
}
.search-form-mobile .search-form {
  display: none;
}
.thumb-desctop {
  display: none;
}
@media (max-width: 991px) {
  .article-post .alignleft {
    width: 200px;
  }
  .search-form {
    display: none;
  }
  .search-form-mobile .search-form {
    display: block;
    width: 300px;
    margin: 30px auto 0;
  }
  .site-header {
    padding-bottom: 0;
  }
  .main-navigation ul li > a,
  .main-navigation ul li > span {
    padding: 10px 20px;
  }
  .main-navigation ul li.menu-item-has-children:after {
    top: 12px;
  }
}
@media (max-width: 767px) {
  .h1,
  h1:not(.site-title) {
    font-size: 1.5em !important;
    text-align: center;
  }
  .yarpp-thumbnails-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 145px;
  }
  .yarpp-related a img {
    width: 145px;
    height: 200px;
  }
  .taxonomy-description .alignleft,
  .article-post .alignleft {
    display: block;
    float: none;
    margin: 0 auto 20px;
  }
  .post-card--horizontal .post-card__thumbnail {
    max-width: 200px;
    margin: 1em auto;
  }
  .post-card__rating,
  .post-card__title {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .thumb-mobile {
    display: none;
  }
  .thumb-desctop {
    display: block;
    width: 250px;
  }
}
.sort-label {
  margin-right: 10px;
}
.post-card__rating {
  display: flex;
  gap: 0 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 5px 0;
}
.footer-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer-info a {
  text-decoration: none;
  color: #d12310;
}
.entry-views {
  margin: 0 0 20px;
  display: block;
  padding: 8px 0 8px 40px;
  background: #e9f4f5;
}
.single .rating-box {
  flex-wrap: wrap;
  width: 245px;
}
.single .star-rating-text {
  width: 100%;
}
@media (max-width: 530px) {
  .single .entry-meta {
    flex-direction: column;
    align-items: center;
  }
  .single .rating-box {
    flex-direction: column;
    align-items: center;
    width: auto;
  }
  .single .entry-date {
    padding-right: 0;
  }
  .single .rating-box__header {
    margin-right: 0;
  }
}
