/* ================================================== */
/* main__container */
@media (max-width: 992px) {
  .main__container {
    padding: 0;
  }

  /* :where(.latest-posts, .main__posts)  */
  .stripes__body {
    width: 70.5%;
  }

  /* ================================================== */
  /* sidebar */
  .sidebar {
    padding-right: 10px;
  }

}

/* ================================================== */
/* header height and main margin-top */
@media (max-width: 767px) {
  .header {
    height: 68px;
  }

  .main {
    margin-top: 68px;
  }

  .menu__button-wrapper {
    min-height: 68px;
  }
}

/* ================================================== */
/* header__logo */
@media (max-width: 1400px) {
  .header__logo { /*
    flex-basis: calc(160px + (80 * 1.7) * ((100vw - 320px) / 1400)); */
    flex-basis: 210px;
  }
  .logo__image.header-logo__image img{
  	max-height: 4em;
  }
  .header-logo__text {
    line-height: 1.2; /*
    font-size: calc(12px + (5 * 1.3) * ((100vw - 320px) / 1400)); */
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  .logo {
    column-gap: 10px;
  }
}

/* ================================================== */
/* contacts-header and menu button */
@media (max-width: 1010px) {
  .contacts-header {
    display: none;
  }

  .header__body {
    column-gap: 0;
  }

  .menu-button-open {
    flex: 0 0 35px;
  }

  .menu-button-open__text {
    display: none;
  }
}

/* ================================================== */
/* menu button */
@media (max-width: 500px) {
  .menu-button-open__burger {
    width: 30px;
    height: 20px;
  }
}

/* ================================================== */
/* menu */
@media (max-width: 600px) {
  .main-menu {
    width: 100%;
  }

  body._menu-open .main-menu {
    left: 0;
  }
}

/* ================================================== */
/* paddings */
@media (max-width: 1360px) and (min-width: 992px) {
  /* ================================================== */
  /* front page */
  .main-themes-item {
    padding: calc(20px + (30 * 0.5) * ((100vw - 320px) / 1400));
  }

  .recent-post {
    padding: 30px 35px;
  }

  /* ================================================== */
  /* page content */
  .page {
    padding: 0 35px;
  }

  .page__content blockquote {
    padding: 20px 35px;
    left: -35px;
    width: calc(100% + 70px);
  }

  /* ================================================== */
  /* category */
  .category__title,
  .category__no-posts,
  .pagination {
    padding: 0 35px;
  }
}

@media (max-width: 1184px) and (min-width: 992px) {
  .latest-news {
    padding: calc(20px + (30 * 0.5) * ((100vw - 320px) / 1400));
  }
}

/* ================================================== */
/* page content gallery */
@media (max-width: 1218px) {
  .page__content .gallery-columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

@media (max-width: 550px) {
  .page__content .gallery-columns-2 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}


@media (max-width: 992px) {
  /* так треба) */
  .stripes__container {
    padding: 0 7px 0 20px;
  }

  /* ================================================== */
  /* greeting */
  .greeting {
    display: block;
    max-height: none;
    margin-bottom: 30px;
  }

  .latest-news {
    padding: 40px 20px;
  }

  .news:not(:last-child) {
    margin: 0 0 30px 0;
  }

  .news__date {
    margin: 0 0 15px 0;
  }

  .news__title {
    font-size: 18px;
  }

  /* ================================================== */
  /* main-themes */
  .main-themes {
    margin-bottom: 30px;
  }

  .main-themes__row {
    display: block;
  }

  .main-themes-item {
    padding: 20px;
  }

  .main-themes-item:not(:last-child) {
    margin-bottom: 30px;
  }

  .main-themes-item__text {
    font-size: 16px;
  }

  .recent-post {
    margin-top: 30px;
    padding: 20px;
  }

  /* ================================================== */
  /* page */
  .page {
    flex: 0 0 70.5%;
    padding: 0 35px 0 55px
  }

  .page__content blockquote {
    padding: 20px 35px;
    left: -35px;
    width: calc(100% + 70px);
  }

  /* ================================================== */
  /* category */
  .category {
    padding: 0 10px 0 0;
  }

  .category__title,
  .category__no-posts,
  .pagination {
    padding: 0 20px;
  }
}

@media (max-width: 900px) {
  /* ================================================== */
  /* stripes */
  /* :where(.latest-posts, .main__posts)*/
  .stripes__body {
    width: 100%;
  }

  .stripes__item {
    display: none;
  }

  /* ================================================== */
  /* sidebar */
  .main__body {
    display: block;
  }
  
  .sidebar {
    margin: 30px 0 0 0;
    padding: 0 35px;
  }

  .sidebar__widget:not(:first-child) {
    margin-top: 30px;
  }

  /* ================================================== */
  /* page */
  .main__body {
    margin-top: 30px;
  }

  .page {
    padding: 0 35px;
  }

  .page__content blockquote {
    padding: 20px 20px 20px 40px;
  }

  /* ================================================== */
  /* category */
  .category {
    margin-top: 30px;
    padding: 0;
  }
}

/* ================================================== */
/* page content */
@media (max-width: 676px) {
  .page {
    padding: 0 20px;
  }

  .page__content :is(h1, h2, h3, h4, h5, h6) {
    margin: 40px 0 20px 0;
  }

  /* ================================================== */
  /* page content headings */
  .page__content h2 {
    font-size: 24px;
  }

  .page__content h3 {
    font-size: 22px;
  }

  .page__content h4 {
    font-size: 20px;
  }

  .page__content h5 {
    font-size: 18px;
  }

  .page__content h6 {
    font-size: 16px;
  }

  .page__content blockquote {
    margin: 30px 0;
    left: -20px;
    width: calc(100% + 40px);
  }

  .page__content li:not(:first-child) {
    margin-top: 20px;
  }

  /* ================================================== */
  /* page content images without caption */
  .page__content :is(img.alignleft, img.alignright, img.aligncenter) {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
  }

  .page__content img.aligncenter {
    margin: 0;
  }

  /* ================================================== */
  /* page content images with caption */
  .page__content .wp-caption.alignleft,
  .page__content .wp-caption.alignright {
    max-width: initial;
    width: 100%;
    margin-bottom: 20px;
  }

  .page__content .wp-caption.alignleft {
    margin-right: 0;
  }

  .page__content .wp-caption.alignright {
    margin-left: 0;
  }

  /* ================================================== */
  /* sidebar */
  .sidebar {
    padding: 0 20px;
  }
}

/* ================================================== */
/* footer */
@media (max-width: 950px) {
  .footer {
    margin-top: 30px;
    padding: 40px 0;
  }

  .footer .stripes__body {
    display: block;
    width: 100%;
    margin: 0;
  }

  .footer__info {
    display: block;
  }

  .footer__logo {
    width: 250px;
  }

  .footer-menu {
    margin: 20px 0 0 0;
  }

  .footer-menu__item {
    padding: 10px 0;
  }

  .footer-menu__link {
    font-size: 16px;
  }

  .footer-copyright {
    margin: 20px 0 0 0;
  }

  .footer-copyright__text {
    font-size: 12px;
  }
}