/* Структура контентних секцій поверх базової теми. */

#mini-features,
#portfolio,
#sub-featured {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 30px;
}

#mini-features > .block,
#sub-featured > .block,
#sub-featured > .post {
  flex: 1 1 250px;
}

#portfolio > .section-title,
#mini-features > .section-title,
#sub-featured > .section-title {
  flex-basis: 100%;
}

#portfolio > .block,
#portfolio > .post {
  flex: 1 1 220px;
}

#portfolio > .fix,
#mini-features > .fix,
#sub-featured > .fix {
  display: none;
}

.widget {
  margin-bottom: 24px;
}

#content.has-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

#content.has-sidebar #main {
  flex: 3 1 600px;
}

#sidebar {
  flex: 1 1 240px;
}

.entry ul,
.entry ol {
  padding-left: 1.5em;
}

.alignleft {
  float: left;
  margin: 0 20px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 20px;
}

/* Article/blog pages already set flex inline on #content — keep aside readable */
#content > aside h3 {
  margin-top: 0;
}

#content > aside p {
  margin: 0 0 0.7em;
  line-height: 1.35;
}

@media (max-width: 600px) {
  .alignleft,
  .alignright {
    float: none;
    margin: 10px 0;
  }
}

/* Порожній архівний слайдер і плеєр без аудіо. */
body.home #slides,
body.home .listwrap_mp3j,
body.home .mp3j-finfo,
body.home .mp3j-popout-MI,
body.home .transport-MI {
  display: none !important;
}

/* Мертвий countdown (подія 2013) і зламаний Facebook iframe — ховаємо якщо лишились у HTML. */
.CountDownTimer,
#countdowntimer-2,
#facebook-like-box,
.widget_cardoza_fb_like {
  display: none !important;
}

/* Сайдбар поруч із контентом, а не під ним на всю ширину. */
#content.page {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  align-items: flex-start;
}

#content.page #main.col-left {
  flex: 1 1 0;
  min-width: 0;
  float: none;
  width: auto;
}

#content.page #sidebar.col-right {
  flex: 0 0 260px;
  max-width: 100%;
  float: none;
  width: auto;
}

#sidebar .widget h3 {
  margin-top: 0;
}

#sidebar iframe {
  max-width: 100%;
}

@media (max-width: 760px) {
  #content.page #sidebar.col-right {
    flex-basis: 100%;
  }
}