/* VERSION MOBILE */
/* General Wrapper */

div.layout-container > header {
   max-width: 1600px;
}

.view.view-blog.view-display-id-blog_list_category .blog {
  overflow: visible;
}

.block-views-blockblog-blog-list-category .view-display-id-blog_list_category {
  max-width: -moz-available;
  max-width: -webkit-fill-available;
  max-width: fill-available;
  max-width: stretch;
  margin: 0 20px;
}

.block-region-content .block-views-blockblog-blog-list-category {
  border-radius: 0;
  background-color: #fff;
}

/* Cards */

.item.blog-item .blog-teaser-content {
  padding: 8px 8px 32px 8px;
  border-radius: 16px;
  box-shadow: none;
  background-color: #f8f7f5;
}

.blog-teaser-content .field-content .image {
  margin: 0;
  width: 100%;
  border-radius: 8px;
}

.blog-teaser-content .image,
.blog-teaser-content .image img {
  height: 128px;
}

.blog-teaser-content .view-blog-text {
  margin-inline: 12px;
}

/* GENERAL FONTS STYLES */
.view-blog-text .field.field--name-title.field--type-string.field--label-hidden,
.view-blog-text .datetime,
.view-blog-text .field__item,
.text-formatted.field a {
  font-family: "Fira Sans";
  font-style: normal;
  color: #262626;
}


.view-blog-text .field.field--name-title.field--type-string.field--label-hidden {
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: normal;
  text-transform: none;
}

.view-blog-text .datetime,
.view-blog-text .field__item {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: -0.28px;
  color: #636466;
  text-transform: none;

}

.view-blog-text .field__item {
  color: #ed002f;
}

/* Pagination */
.view-display-id-blog_list_category .pager .pager__items.js-pager__items {
  width: auto;
  justify-content: center;
  border-radius: 16px;
  background-color: #f8f7f5;
}

.view-display-id-blog_list_category .pager {
  display: flex;
}

.view-display-id-blog_list_category .pager__items.js-pager__items .pager__item.is-active a,
.view-display-id-blog_list_category .pager .pager__items.js-pager__items li.pager__item:hover a {
  border-radius: 16px;
}

.pager__items.js-pager__items .pager__item a {
  font-family: "Fira Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #636466;
}

@media (min-width: 744px) {

  /* General Wrapper */
  .view-display-id-blog_list_category .pager .pager__items.js-pager__items {
    width: max-content;
  }

  .block.block-sd-general.block-breadcrumb-container .breadcrumb {
    padding: 20px 20px 8px;
  }
}

@media (min-width: 990px) {

  /* General Wrapper */
  .block-views-blockblog-blog-list-category .view-display-id-blog_list_category {
    width: 100%;
  }

  .view-display-id-blog_list_category .item-list .blog {
    gap: 32px;
  }
}

@media (min-width: 1024px) {

  /* Cards */
  .item.blog-item .blog-teaser-content {
    margin-bottom: 0;
  }
}

@media (min-width: 1440px) {

  /* General Wrapper */
  .block-views-blockblog-blog-list-category .view-display-id-blog_list_category,
  .block.block-sd-general.block-breadcrumb-container .breadcrumb {
    max-width: 1182px;
    margin: 0 auto;
    padding: 0;
  }

  .view-blog-text .field.field--name-title.field--type-string.field--label-hidden {
    font-size: 22px;
    line-height: 26px;
  }

  .view-blog-text .datetime,
  .view-blog-text .field__item {
    font-size: 16px;
    letter-spacing: -0.32px;
  }

}

@media (min-width: 1441px) {

  /* General Wrapper */
  .block-views-blockblog-blog-list-category .view-display-id-blog_list_category,
  .block.block-sd-general.block-breadcrumb-container .breadcrumb {
    max-width: 1248px;
  }
}