/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 5/2026
 * ===========================
 */

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.bio-container {
  text-align:center;
  @media (min-width:960px) {
    display:grid;
    grid-template-columns:auto 1fr;
    grid-gap:48px;
    text-align:start;
  }
  .bio-main {
    position:relative;    
    .bio-utilities {
      display:flex;
      gap:24px;
      color:#707070;
      font-size:1rem;
      justify-content: center;
      padding:18px 0;
      grid-area:utilities;
      @media (min-width:960px) {
        padding:0 0 6px;
        justify-content: start;
      }
      a, button {
        font-weight:600;
        border-radius:5px;
        display:flex;
        &:hover, &:focus {
          text-decoration:none !important;
          .link-text {
            text-decoration:underline !important;
          }
        }
        &::before {
          content:"\f0c8";
          font-family:"Font Awesome 6 Pro";
          margin:0 5px 0 0;
          font-weight:400;
        }
        &.bio-print {
          &::before {
            content:"\f02f";
          }
        }
        &.active {
          pointer-events: none;
          color:#707070;
          &::before {
            content:"\f14a";
          }
        }
      }
      button {
        color:#0072c6;
        &:hover {
          text-decoration:underline;          
        }
      }
    }
    .bio-titles {
      h1.bio-name {
        font-family: "PT Serif", "Roboto", Helvetica, Arial, sans-serif;
        font-size:52px;
        margin-bottom:18px;
      }
      .bio-subtitles {
        font-weight:600;
      }
    }    
  }  
  hr {
    border-color:#00447c;
  }
}

@media print {
  header,
  footer,
  #tracking-consent-dialog,
  .bio-container + .spacer.spacer--huge,
  .bio-container .bio-utilities {
    display:none !important;
  }
  .bio-container { 
    position:absolute;
    top:0;
    left:0;
    display:grid;
    grid-template-columns:150px 1fr;
    grid-gap:24px;
    text-align:start;
    font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif !important;
    .bio-main {
      .bio-titles {
        h1.bio-name {
          font-size:26px;
          line-height:1.3;
          font-weight:900;
          margin-bottom:6px;
          font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif !important;
        }
        .bio-subtitles {
          font-size:16px;
          line-height:1.5;
          font-weight:400;
        }
      }      
    }
    .bio {
      font-size:14px;
      line-height:1.5;
      font-weight:300;
    }
    hr {
      margin:24px 0 !important;
    }
  }
}