/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.blog-entry-wrapper {
  overflow: hidden; }
  .blog-entry-wrapper .data-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 0; }
    .blog-entry-wrapper .data-center__li {
      padding: 5px 30px;
      list-style-type: none;
      border-radius: 20px; }
      .blog-entry-wrapper .data-center__li.active {
        background: #dcefe2; }
        .blog-entry-wrapper .data-center__li.active a {
          font-weight: 600;
          color: #37ae7a; }
  .blog-entry-wrapper .container.content {
    max-width: 700px; }
    .blog-entry-wrapper .container.content p {
      font-size: 18px;
      margin-bottom: 1.2rem; }
      .blog-entry-wrapper .container.content p img {
        display: inline-block;
        padding: 30px;
        width: 130%;
        position: relative;
        left: calc(-65% + 50%); }
      .blog-entry-wrapper .container.content p a {
        font-weight: 500;
        color: #37ae7a; }
  .blog-entry-wrapper strong {
    font-weight: 600; }
  .blog-entry-wrapper h1, .blog-entry-wrapper h2 {
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 15px;
    color: #24292e; }
  .blog-entry-wrapper h1 {
    font-size: 3rem; }
  .blog-entry-wrapper h2 {
    font-size: 1.75rem; }
  .blog-entry-wrapper h3 {
    margin-top: 2rem;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #24292e; }
  .blog-entry-wrapper ul, .blog-entry-wrapper li {
    margin-bottom: 1.2rem;
    font-size: 18px; }
  .blog-entry-wrapper li:last-child {
    margin-bottom: 40px; }
  .blog-entry-wrapper table {
    margin-top: 50px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #e6eff4;
    table-layout: fixed;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05); }
    .blog-entry-wrapper table td {
      border-top: none; }
    .blog-entry-wrapper table i {
      color: #009f6f; }
    .blog-entry-wrapper table.table-striped tbody tr:nth-of-type(odd) {
      background: #F8FAFC; }
    .blog-entry-wrapper table thead {
      color: white;
      border: 1px solid #009f6f; }
      .blog-entry-wrapper table thead tr th:first-child {
        width: 60%;
        min-width: 200px;
        word-break: break-all; }
  .blog-entry-wrapper .explain-section {
    margin: 25px 0px;
    display: flex; }
    .blog-entry-wrapper .explain-section__icon {
      display: flex;
      width: 110px;
      justify-content: center; }
      .blog-entry-wrapper .explain-section__icon img {
        width: 30px;
        height: 30px; }
    .blog-entry-wrapper .explain-section__paragraph {
      width: calc(100% - 110px); }
      .blog-entry-wrapper .explain-section__paragraph h3 {
        margin-top: 0; }
  .blog-entry-wrapper .testimonial-section,
  .blog-entry-wrapper .testimonial-ctrl {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%); }
  .blog-entry-wrapper .testimonial-section .testimonial-ctrl {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 1200px; }
  .blog-entry-wrapper .data-insights, .blog-entry-wrapper .item-section {
    width: 120%;
    position: relative;
    left: calc(-60% + 50%);
    margin-bottom: 10px; }
    @media (max-width: 991px) {
      .blog-entry-wrapper .data-insights, .blog-entry-wrapper .item-section {
        width: 100%;
        left: 0; } }
  .blog-entry-wrapper .spread-container {
    margin: 60px 0;
    width: 140%;
    position: relative;
    left: calc(-70% + 50%); }
    @media (max-width: 991px) {
      .blog-entry-wrapper .spread-container {
        width: 100%;
        left: 0; } }