/*--------------------------------------------------------------
# SINGLE

For single post
ONLY for post type = post 
ADD your own stylesheet for custom post type single page 
OR, if it uses sames styles, add it to enqueue style function in functions.php 

--------------------------------------------------------------*/

.single .site-main {
  padding-bottom: 0;
}

#content > article[class*='post'] > .postmeta {
  margin: var(--adebeo-spacing-m) 0;
}

.single__similars {
  margin-top: var(--adebeo-spacing-2xl);
}

.single__similars-title {
  margin-bottom: var(--adebeo-spacing-s);
}

.single__children {
  margin: var(--adebeo-spacing-l) 0;
}

.single__children-title {
  margin-bottom: var(--adebeo-spacing-m);
}

@media (min-width: 768px) {
  .single__similars .post-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .single__similars .post-list article {
    max-width: calc(50% - 4px);
    flex-grow: 1;
  }
}

@media (min-width: 1280px) {
  .single__similars .post-list article {
    max-width: calc(33.33% - 6px);
  }
}