/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.font_small {
  font-size: smaller; }

.font_italic {
  font-style: italic; }

.wp-block-hemelsbreed-related-posts-block h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 200; }
  @media (max-width: 640px) {
    .wp-block-hemelsbreed-related-posts-block h3 {
      text-align: center;
      max-width: 88%;
      margin-left: auto;
      margin-right: auto; } }

.wp-block-hemelsbreed-related-posts-block .items {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 640px) {
    .wp-block-hemelsbreed-related-posts-block .items {
      -ms-flex-direction: column;
          flex-direction: column;
      max-width: 88%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 640px) {
    .wp-block-hemelsbreed-related-posts-block .items {
      -ms-flex-direction: row;
          flex-direction: row; } }
  .wp-block-hemelsbreed-related-posts-block .items .item_date {
    font-size: 0.9em;
    margin-bottom: 5px; }
  .wp-block-hemelsbreed-related-posts-block .items .item_first {
    -ms-flex: 1 1 63%;
        flex: 1 1 63%;
    height: 100%;
    margin-bottom: 15px; }
    .wp-block-hemelsbreed-related-posts-block .items .item_first .title {
      margin-top: 15px;
      margin-bottom: 5px;
      font-size: larger; }
  .wp-block-hemelsbreed-related-posts-block .items .items_next {
    -ms-flex: 1 1 37%;
        flex: 1 1 37%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media (min-width: 640px) {
      .wp-block-hemelsbreed-related-posts-block .items .items_next {
        margin-left: 30px; } }
    .wp-block-hemelsbreed-related-posts-block .items .items_next .item_next {
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
      height: 33%;
      margin-bottom: 15px; }
      .wp-block-hemelsbreed-related-posts-block .items .items_next .item_next .title {
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: larger; }