/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 78:0 Unexpected "<"
Line 79:10 Unexpected "{"
Line 79:19 Expected ":"
Line 80:16 Expected identifier but found whitespace
Line 80:18 Unexpected "{"
Line 80:27 Expected ":"
Line 80:86 Expected ":"
Line 81:19 Expected identifier but found whitespace
Line 81:21 Unexpected "{"
... and 12 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
  .author-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('{{ section.settings.background_image | img_url: '2000x' }}') no-repeat center center / cover;
    padding: 50px 20px; /* Adjust padding to match your design */
    color: white;
    width: 100vw;
    margin-left: calc(-50vw + 50%); /* This will help to align the section to the center */
  }

  .author-container {
    display: flex;
    align-items: center;
    justify-content: start;
    max-width: 1200px; /* Adjust as per your max container width */
    width: 100%;
  }

  .author-section .author-image {
    width: 200px; /* Adjust size as needed */
    height: 200px;
    object-fit: cover;
    border-radius: 10px; /* Adjust to match the desired radius */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional shadow for depth */
    position: relative;
    z-index: 2;
  }

  .author-section .author-info {
    padding-left: 20px;
    z-index: 2;
  }

  .author-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for better text readability */
    z-index: 1;
  }

  @media (max-width: 768px) {
    .author-container {
      flex-direction: column;
      align-items: center;
    }

    .author-section .author-info {
      padding-left: 0;
      padding-top: 20px;
      text-align: center;
    }
  }
</style>
.section-{{ section.id }}-padding {
    padding-top: {{ section.settings.section_padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.section_padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.section_padding_top }}px;
      padding-bottom: {{ section.settings.section_padding_bottom }}px;
    }
  }