/*
* Units
*/
/*
* Quick pseudoclass
*/
/*
* Position absolute
*/
/*
* Custom scrollbar
*/
/*
* Fluid Typography.
*/
/*
* Truncates
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
.block-posts-list__header {
  font-size: var(--fs-24);
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 4rem;
  color: #15161B; }

.block-posts-list__search {
  position: relative;
  margin-bottom: 5rem; }
  .block-posts-list__search input {
    width: 100%;
    font-size: var(--fs-14);
    font-weight: 400;
    line-height: 1.35;
    padding: 1.8rem 2rem;
    color: #15161B;
    border: 1px solid #C4C4D7; }
    .block-posts-list__search input::-webkit-input-placeholder {
      color: #9897AE; }
    .block-posts-list__search input::-moz-placeholder {
      color: #9897AE; }
    .block-posts-list__search input:-ms-input-placeholder {
      color: #9897AE; }
    .block-posts-list__search input:-moz-placeholder {
      color: #9897AE; }
  .block-posts-list__search button {
    width: 2.3rem;
    height: 2.3rem;
    position: absolute;
    top: 50%;
    right: 2rem;
    content: '';
    transform: translateY(-50%);
    border: none;
    background: url("../img/search.svg") center no-repeat;
    background-color: transparent;
    background-size: cover; }

.block-posts-list__terms {
  margin-bottom: 5rem; }
  .block-posts-list__terms .label {
    font-size: var(--fs-24);
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    color: #15161B;
    border-bottom: 1px solid #EDEDED; }
  .block-posts-list__terms a {
    display: flex;
    font-size: var(--fs-18);
    font-weight: 400;
    line-height: 1.35;
    align-items: center;
    margin-bottom: 1rem;
    color: #9897AE; }
    .block-posts-list__terms a:hover, .block-posts-list__terms a.active {
      color: #4543A6; }
    .block-posts-list__terms a.active:before {
      display: block;
      width: .6rem;
      height: .6rem;
      margin-right: 1rem;
      content: '';
      border-radius: 50%;
      background: #FAAD1B; }

.block-posts-list__results .col:nth-child(3n+1) .block-posts-list-card__photo-holder {
  background-color: #A4A3FC; }

.block-posts-list__results .col:nth-child(3n+2) .block-posts-list-card__photo-holder {
  background-color: #15161B; }

.block-posts-list__results .col:nth-child(3n+3) .block-posts-list-card__photo-holder {
  background-color: #FAAD1B; }

.block-posts-list__load {
  display: block;
  width: 100%;
  font-family: "Lexend", times;
  font-size: var(--fs-14);
  font-weight: 400;
  line-height: 5.5rem;
  cursor: pointer;
  transition: .35s all;
  text-align: center;
  color: #15161B;
  border: 1px solid #15161B;
  background: transparent; }
  .block-posts-list__load:hover {
    border-color: #FAAD1B;
    background: #FAAD1B; }
  .block-posts-list__load.load {
    cursor: wait;
    pointer-events: none;
    border-color: #F9F9FB;
    background: #F9F9FB; }

.block-posts-list .block-posts-list-card {
  margin-bottom: 4rem; }
  .block-posts-list .block-posts-list-card__photo-holder {
    position: relative;
    margin-bottom: 2.4rem;
    padding: 2.2rem;
    background-color: #15161B;
    background-image: url("../img/blocks/posts-list/shape-bottom.svg");
    background-repeat: no-repeat;
    background-size: cover; }
    .block-posts-list .block-posts-list-card__photo-holder:before {
      display: block;
      padding-bottom: calc(100% / (384 / 312));
      content: ""; }
    .block-posts-list .block-posts-list-card__photo-holder img {
      width: calc(100% - (2.2rem * 2));
      height: calc(100% - (1.5rem * 2));
      position: absolute;
      top: 1.5rem;
      left: 2.2rem;
      transform: rotate(-3deg);
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .block-posts-list .block-posts-list-card .cats {
    display: flex;
    flex-wrap: wrap; }
  .block-posts-list .block-posts-list-card .cat {
    display: block;
    font-size: var(--fs-14);
    margin: 0 1.4rem 1.4rem 0;
    padding: 0.6rem 1.3rem;
    color: #4543A6;
    border: 0.1rem solid #5D5AC4; }
  .block-posts-list .block-posts-list-card .title {
    margin-bottom: 1.2rem; }
    .block-posts-list .block-posts-list-card .title a {
      font-size: var(--fs-32);
      font-weight: 400;
      line-height: 1.2;
      color: #15161B; }
  .block-posts-list .block-posts-list-card .post-date {
    display: flex;
    font-size: var(--fs-16); }
    .block-posts-list .block-posts-list-card .post-date .date {
      color: #15161B; }
    .block-posts-list .block-posts-list-card .post-date .reading-time {
      color: #9897AE; }
      .block-posts-list .block-posts-list-card .post-date .reading-time::before {
        display: inline-block;
        width: 1px;
        height: 16px;
        position: relative;
        top: 0.2rem;
        margin: 0 1.6rem;
        content: "";
        background-color: #646477; }
  .block-posts-list .block-posts-list-card .post-author {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 3rem;
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem; }
    .block-posts-list .block-posts-list-card .post-author .author-avatar {
      width: 4rem;
      height: 4rem;
      overflow: hidden;
      border-radius: 100%;
      background-color: #646477; }
      .block-posts-list .block-posts-list-card .post-author .author-avatar img {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .block-posts-list .block-posts-list-card .post-author .author-name {
      display: flex;
      flex-direction: column; }
      .block-posts-list .block-posts-list-card .post-author .author-name .name {
        font-size: var(--fs-16);
        line-height: 1.2;
        color: #4543A6; }
      .block-posts-list .block-posts-list-card .post-author .author-name .position {
        font-size: var(--fs-12);
        color: #646477; }


/*# sourceMappingURL=block_posts-list.css.map*/