/* 
›configurable‹ layout-template for ii-blogs.
copy/edit it locally, rename to blog.css and upload to filer.

===
- 2col teaser list
- 1st teaser full width, bg-color variant, padding except for bottom
- hyphenate teaser headlines
- hide author (if required)
- smaller article headline width on article detail page
===
comment unneccesary definitions from the following lines
*/

/* add margin to placeholder top */
.container.container-first {
  margin-top:1.5rem;
}

/* set teaser wrapper to flex */
.aldryn-newsblog-list {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:1.5rem;
}

/* 2 column teaser list + 5px border-top */
.aldryn-newsblog-list .aldryn-newsblog-article {
  width:49%;
  border-top:5px solid var(--primary-base);
  margin-bottom:.75rem;
}

/* 1st teaser on homepage fullwidth + faded bg-color */
/* 
.blog-page-1 .aldryn-newsblog-article:first-child {
  width:100%;
  background-color:var(--secondary-lighter);
  border-top:0;
  padding:1.5rem 1.5rem 0;
}
 */

/* hyphenate teaser headline */
.aldryn-newsblog-list .aldryn-newsblog-article h2 {
  hyphens:auto;
}

/* bg-color for sidebar according to DesignScheme */
.aldryn-newsblog-sidebar {
  background-color:var(--neutral-lighter);
}

/* hide author */
.blog-meta .author {
  display:none;
  visibility:hidden;
}

/* smaller width of article title in detail view */
.aldryn-newsblog-article > .container {
  max-width:48rem;
}