/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 10 2025 | 11:18:19 */
/* Ровные превью одним движением */
.equal-posts .item-image,
.equal-posts .post-media{
  aspect-ratio: 16 / 9;   /* одинаковая “рамка” для всех */
  overflow: hidden;
}

.equal-posts .item-image img,
.equal-posts .post-media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;       /* заполняем рамку без лесенки */
  object-position: center;
}

/* Фоллбэк, если браузер не умеет aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .equal-posts .item-image,
  .equal-posts .post-media { height: 320px; }
  @media (max-width: 1024px) {
    .equal-posts .item-image,
    .equal-posts .post-media { height: 260px; }
  }
  @media (max-width: 600px) {
    .equal-posts .item-image,
    .equal-posts .post-media { height: 200px; }
  }
}

/* === Ровные превью в блоке с ID #home-cards === */
#home-cards .item-image,
#home-cards .post-media,
#home-cards .archive-item .item-image,
#home-cards .archive-item .post-media,
#home-cards .archive-item .item-image a,
#home-cards .archive-item .post-media a{
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;   /* одинаковая рамка для всех карточек */
  overflow: hidden;
}

/* Картинка заполняет рамку и центрируется */
#home-cards .item-image img,
#home-cards .post-media img,
#home-cards .archive-item .item-image img,
#home-cards .archive-item .post-media img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;      /* без «лесенки» */
  object-position: center !important;
}

/* Сброс экзотических размеров от темы (например .attachment-547x0x1xx90) */
#home-cards img[class*="attachment-"],
#home-cards img[class*="size-"]{
  height: 100% !important;
  width: 100% !important;
}

/* Фоллбэк, если браузер не умеет aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  #home-cards .item-image,
  #home-cards .post-media{ height: 320px; }
  @media (max-width: 1024px){
    #home-cards .item-image,
    #home-cards .post-media{ height: 260px; }
  }
  @media (max-width: 600px){
    #home-cards .item-image,
    #home-cards .post-media{ height: 200px; }
  }
}  этот текст сделать? и футер выбрать и внешнее да?

этот текст сделать? и футер выбрать и внешнее да?

/* Ровные превью одним движением */
.equal-posts .item-image,
.equal-posts .post-media{
  aspect-ratio: 16 / 9;   /* одинаковая “рамка” для всех */
  overflow: hidden;
}

.equal-posts .item-image img,
.equal-posts .post-media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;       /* заполняем рамку без лесенки */
  object-position: center;
}

/* Фоллбэк, если браузер не умеет aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .equal-posts .item-image,
  .equal-posts .post-media { height: 320px; }
  @media (max-width: 1024px) {
    .equal-posts .item-image,
    .equal-posts .post-media { height: 260px; }
  }
  @media (max-width: 600px) {
    .equal-posts .item-image,
    .equal-posts .post-media { height: 200px; }
  }
}

/* === Ровные превью в блоке с ID #home-cards === */
#home-cards .item-image,
#home-cards .post-media,
#home-cards .archive-item .item-image,
#home-cards .archive-item .post-media,
#home-cards .archive-item .item-image a,
#home-cards .archive-item .post-media a{
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;   /* одинаковая рамка для всех карточек */
  overflow: hidden;
}

/* Картинка заполняет рамку и центрируется */
#home-cards .item-image img,
#home-cards .post-media img,
#home-cards .archive-item .item-image img,
#home-cards .archive-item .post-media img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;      /* без «лесенки» */
  object-position: center !important;
}

/* Сброс экзотических размеров от темы (например .attachment-547x0x1xx90) */
#home-cards img[class*="attachment-"],
#home-cards img[class*="size-"]{
  height: 100% !important;
  width: 100% !important;
}

/* Фоллбэк, если браузер не умеет aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  #home-cards .item-image,
  #home-cards .post-media{ height: 320px; }
  @media (max-width: 1024px){
    #home-cards .item-image,
    #home-cards .post-media{ height: 260px; }
  }
  @media (max-width: 600px){
    #home-cards .item-image,
    #home-cards .post-media{ height: 200px; }
  }
}