/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Jazmin';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Jazmin-Bold.otf"); }

@font-face {
  font-family: 'Jazmin';
  font-weight: 600;
  src: url("/app/themes/florent/assets/fonts/Jazmin-SemiBold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular-Italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium-italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold-italic.otf"); }

@media (max-width: 980px) {
  .section-content {
    padding-bottom: 0; } }

.section-content .flex-container {
  justify-content: center; }
  @media (max-width: 980px) {
    .section-content .flex-container {
      gap: 4em; } }
  .section-content .flex-container main {
    position: relative; }
    @media (min-width: 981px) {
      .section-content .flex-container main:after {
        content: '';
        height: 2px;
        width: 75px;
        background-color: var(--blue);
        position: absolute;
        left: 0;
        bottom: -70px; } }
    .section-content .flex-container main h1 {
      position: relative;
      margin-bottom: 80px; }
      @media (min-width: 981px) {
        .section-content .flex-container main h1 {
          margin-bottom: 120px; } }
      .section-content .flex-container main h1:after {
        content: '';
        height: 2px;
        width: 100px;
        background-color: var(--blue);
        position: absolute;
        left: 0;
        bottom: -40px; }
        @media (min-width: 981px) {
          .section-content .flex-container main h1:after {
            bottom: -80px; } }
  .section-content .flex-container aside {
    margin: auto 0;
    flex: unset; }
    @media (min-width: 981px) {
      .section-content .flex-container aside {
        flex-basis: 365px; } }
    .section-content .flex-container aside .about-author {
      position: relative;
      text-align: center;
      margin-bottom: 5em;
      max-width: 375px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .section-content .flex-container aside .about-author .image {
        height: 225px;
        width: 225px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 2; }
        @media (min-width: 981px) {
          .section-content .flex-container aside .about-author .image {
            height: 275px;
            width: 275px; } }
        .section-content .flex-container aside .about-author .image img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          inset: 0; }
      .section-content .flex-container aside .about-author .content {
        color: var(--white);
        background-color: var(--turquoise);
        padding: 3em;
        position: relative;
        width: 100%; }
        .section-content .flex-container aside .about-author .content:before {
          content: '';
          height: calc(275px / 2);
          width: 100%;
          background-color: var(--turquoise);
          left: 0;
          top: calc(-275px / 2);
          position: absolute; }
        .section-content .flex-container aside .about-author .content h3 {
          color: var(--white); }
        .section-content .flex-container aside .about-author .content a {
          margin-top: 2em;
          color: var(--white); }
          .section-content .flex-container aside .about-author .content a:hover {
            background-color: var(--white);
            color: var(--turquoise); }
    .section-content .flex-container aside .newsletter-signup {
      text-align: center;
      max-width: 200px;
      margin: 0 auto; }
      .section-content .flex-container aside .newsletter-signup h2 {
        color: var(--turquoise);
        position: relative;
        margin-bottom: 2.5em; }
        .section-content .flex-container aside .newsletter-signup h2:after {
          content: '';
          height: 2px;
          width: 75px;
          background-color: var(--blue);
          position: absolute;
          bottom: -50px;
          left: 50%;
          transform: translateX(-50%); }
      .section-content .flex-container aside .newsletter-signup .btn {
        margin-top: 1em; }

/*# sourceMappingURL=content.css.map */