/* ==================================================
   ABOUT THE STUDY PAGE — MOBILE MORE / LESS
   ================================================== */

@media screen and (max-width: 767px){

  /* --------------------------------------------------
     Add breathing room below the header
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 section[data-section-id="6a57d929e2418d1ea362a718"]
  .content-wrapper{
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    padding-top: 40px !important;
    padding-bottom: 32px !important;
  }

  body#collection-6a57d928e2418d1ea362a698 section[data-section-id="6a57d929e2418d1ea362a718"]
  .content{
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }


  /* --------------------------------------------------
     Convert the mobile Fluid Engine grid to natural flow
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 section[data-section-id="6a57d929e2418d1ea362a718"]
  .fluid-engine{
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    padding-left: var(--life-mobile-gutter) !important;
    padding-right: var(--life-mobile-gutter) !important;

    margin: 0 !important;
    overflow: visible !important;
  }


  /* --------------------------------------------------
     Remove the text block’s fixed grid placement
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 section[data-section-id="6a57d929e2418d1ea362a718"]
  .fe-block-73692b27afa2e31d76c8{
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    grid-area: auto !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8,
body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8 .sqs-block-content,
body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8 .sqs-text-block-container,
body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8 .sqs-html-content{
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }


  /* --------------------------------------------------
     Collapsed paragraph: approximately 12 lines
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8
  .life-study-about-paragraph:not(.is-expanded){
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 12 !important;

    overflow: hidden !important;
  }


  /* --------------------------------------------------
     Expanded paragraph
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8
  .life-study-about-paragraph.is-expanded{
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }


  /* --------------------------------------------------
     More / Less button
     -------------------------------------------------- */

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8
  .life-study-about-toggle{
    display: block !important;

    width: fit-content !important;

    margin: 12px 0 4px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    color: inherit !important;

    font: inherit !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;

    cursor: pointer !important;
  }
}


/* ==================================================
   DESKTOP AND TABLET — FULL TEXT
   ================================================== */

@media screen and (min-width: 768px){

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8
  .life-study-about-paragraph{
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  body#collection-6a57d928e2418d1ea362a698 #block-73692b27afa2e31d76c8
  .life-study-about-toggle{
    display: none !important;
  }
}
