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

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

.page-node-type-blog .panel-display.moscone-flipped.clearfix>.container-fluid>.row:nth-child(2) {
  margin: 0;
  padding: 0;
}

.node.node--type-blog .container-fluid {
  padding-inline: 0;
}

.page-node-type-blog .container-fluid .col-md-8 {
  box-shadow: none;
  background: white;
  padding: 0;
}

/* Content */
.block.block-ctools-block.block-entity-fieldnodefield-datetime,
.block.block-ctools-block.block-entity-fieldnodefield-blog-category,
body.page-node-type-blog .panel-panel-inner .block-region-contentmain .block-entity-fieldnodefield-blog-category:last-child {
  display: none;
}

/* Breadcrumb */
.node.node--type-blog .breadcrumb {
  padding: 20px 0 8px;
}

/* FONTS */
.field.field--name-title.field--type-string.field--label-hidden,
.node--type-blog .blog-toc-wrapper>p,
.blog-toc li a.blog-toc-item,
.text-formatted.field li,
.text-formatted.field p,
.text-formatted.field h2,
.text-formatted.field h3,
.text-formatted.field a,
.views-element-container.block-views-blockblog-blog-related-category h2,
.block-views-blockblog-blog-related-category .view-display-id-blog_related_category .views-field-title a,
.block-blog-taxonomy-categories li .category-link {
  font-family: "Fira Sans";
  font-style: normal;
  color: #262626;
}

/* principal title */
.field.field--name-title.field--type-string.field--label-hidden {
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.72px;
  text-align: left;
}

/* principal text - base */
.blog-toc li a.blog-toc-item,
.text-formatted.field li,
.text-formatted.field p,
.text-formatted.field a {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: -0.28px;
}

/* indice title */
.node--type-blog .blog-toc-wrapper>p {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
}

/* indice item (li) */
.blog-toc li a.blog-toc-item,
.text-formatted.field a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* reset CTA */
.text-formatted.field .mobile-cta a,
.text-formatted.field .mobile-header-client-area a,
.text-formatted.field .header-cta-button a {
  text-decoration-line: none;
}

/* title h2 */
.text-formatted.field h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
}

/* title h3 */
.text-formatted.field h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.32px;
}

/* spacing */
.block.block-system.block-system-main-block h2,
.block.block-system.block-system-main-block h3 {
  margin-bottom: 1rem;
}

.node .field--type-text-long.clearfix.text-formatted li {
  margin-bottom: 4px;
}

/* images */
body.page-node-type-blog .block-region-contentmain .field--name-field-image {
  border-radius: 16px;
  overflow: hidden;
}

/* related articles */
.views-element-container.block-views-blockblog-blog-related-category {
  padding: 30px 20px;
  border-radius: 32px;
  box-shadow: none;
  background-color: #f8f7f5;
}

.views-element-container.block-views-blockblog-blog-related-category h2 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #313131;
  border-bottom: none;
}

.block-views-blockblog-blog-related-category .view-display-id-blog_related_category .views-field-title {
  display: flex;
  align-items: center;
}

.block-views-blockblog-blog-related-category .view-display-id-blog_related_category .views-field-title a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.panel-panel-inner div.views-field.views-field-field-image {
  flex: 0 0 80px;
  max-width: 80px;
  height: 76px;
}

.panel-panel-inner div.views-field.views-field-field-image img.progressive-image-loading {
  object-fit: cover;
}

.block-sd-blog-category.block-blog-taxonomy-categories {
  border-bottom: none;
}

@media (min-width: 744px) {
  .block-region-contentmain .blog-toc-wrapper {
    margin: 0;
  }
}

@media (min-width: 1440px) {

  /* wrapper content*/
  .page-node-type-blog .block.block-system.block-system-main-block {
    max-width: 1182px;
  }

  .node.node--type-blog.node--view-mode-full.clearfix {
    padding: 0;
  }

  .node.node--type-blog .breadcrumb {
    padding-bottom: 64px;
  }

  /* principal text - base */
  .blog-toc li a.blog-toc-item,
  .text-formatted.field li,
  .text-formatted.field p,
  .text-formatted.field a {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
  }

  /* indice title */
  .node--type-blog .blog-toc-wrapper>p {
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.44px;
  }

  /* title h2 */
  .text-formatted.field h2 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.44px;
  }

  /* title h3 */
  .text-formatted.field h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.36px;
  }
}