/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
section.blog-tagline-section {
  padding-bottom: 50px; }
  section.blog-tagline-section .header {
    margin: 25px 0 43px; }
  section.blog-tagline-section .section-container {
    max-width: 1280px;
    margin: 0 auto; }
  section.blog-tagline-section .blog-type-filter {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    padding: 0;
    margin-bottom: 0; }
    section.blog-tagline-section .blog-type-filter .blog-type-filter-item-link {
      text-decoration: none;
      box-sizing: border-box;
      margin: 0 12px 0 0;
      padding: 0 12px;
      background-color: #F6F7F2;
      border-radius: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      user-select: none;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: #3A4147;
      width: fit-content; }
      @media only screen and (max-width: 767px) {
        section.blog-tagline-section .blog-type-filter .blog-type-filter-item-link {
          font-size: 14px;
          line-height: 16px;
          padding: 2px 10px; } }
      section.blog-tagline-section .blog-type-filter .blog-type-filter-item-link.applied {
        background: linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
        width: fit-content;
        color: #FFFFFF; }
      section.blog-tagline-section .blog-type-filter .blog-type-filter-item-link:hover {
        box-shadow: 0px 0px 10px #FF7A00; }

section.blog-section {
  padding-top: 100px;
  padding-bottom: 157px; }
  @media only screen and (max-width: 767px) {
    section.blog-section {
      padding-top: 40px;
      padding-bottom: 100px; } }
  section.blog-section .blog-articles-container {
    max-width: 1280px;
    margin: 0 auto; }