/**
 * 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: "Barlow Regular";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: "Barlow Medium";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: "Myriad Pro";
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.section-standard-heading {
  --section-standard-heading-height: 150px;
  --section-standard-heading-content-padding-top: 150px;
  --section-standard-heading-content-padding-inline: var(--spacing-l);
  --section-standard-heading-content-padding-bottom: var(--spacing-l);
  --section-standard-heading-title-min-height: 4rem;
  --section-standard-heading-overlay: linear-gradient(
    12deg,
    rgba(0, 89, 106, 1) 0%,
    rgba(0, 89, 106, 0) 43%
  ); }
  @media (min-width: 981px) {
    .section-standard-heading {
      --section-standard-heading-height: 360px;
      --section-standard-heading-content-padding-top: var(--spacing-xxl);
      --section-standard-heading-content-padding-inline: 40px;
      --section-standard-heading-content-padding-bottom: 40px; } }
  .section-standard-heading--overlay-light {
    --section-standard-heading-overlay: linear-gradient(
      90deg,
      rgba(241, 248, 250, 0.92) 0%,
      rgba(241, 248, 250, 0) 100%
    ); }
    .section-standard-heading--overlay-light .section-standard-heading__title h1,
    .section-standard-heading--overlay-light .section-standard-heading__subtitle {
      color: var(--black); }
  .section-standard-heading--overlay-dark {
    --section-standard-heading-overlay: linear-gradient(
      90deg,
      rgba(20, 20, 20, 0.82) 0%,
      rgba(20, 20, 20, 0) 100%
    ); }
  .section-standard-heading--overlay-orange {
    --section-standard-heading-overlay: linear-gradient(
      12deg,
      rgba(238, 117, 17, 1) 0%,
      rgba(255, 172, 28, 0) 80%
    ); }
  .section-standard-heading--overlay-blue {
    --section-standard-heading-overlay: linear-gradient(
      12deg,
      rgba(3, 39, 46, 0.85) 0%,
      rgba(23, 105, 121, 0.85) 35%,
      rgba(20, 125, 146, 0.85) 75%
    ); }
  .section-standard-heading__container {
    position: relative;
    margin-top: 16px; }
    @media all and (min-width: 48.9375rem) {
      .section-standard-heading__container {
        margin-top: 60px; } }
  .section-standard-heading__inner {
    position: relative;
    min-height: max( var(--section-standard-heading-height), calc( var(--section-standard-heading-content-padding-top) + var(--section-standard-heading-content-padding-bottom) + var(--section-standard-heading-title-min-height) ) );
    border-radius: 18px;
    overflow: hidden; }
  .section-standard-heading__media {
    position: relative;
    min-height: inherit;
    background: var(--black);
    border-radius: 18px;
    overflow: hidden; }
  .section-standard-heading__media--contain {
    background: var(--background-color); }
  .section-standard-heading__media picture,
  .section-standard-heading__media > img, .section-standard-heading__video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .section-standard-heading__media picture {
    display: block; }
  .section-standard-heading__image,
  .section-standard-heading__media > img, .section-standard-heading__video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .section-standard-heading__media--contain .section-standard-heading__image,
  .section-standard-heading__media--contain > img,
  .section-standard-heading__media--contain .section-standard-heading__video {
    -o-object-fit: contain;
       object-fit: contain; }
  .section-standard-heading__image,
  .section-standard-heading__media > img {
    -o-object-position: var(--section-standard-heading-object-position-tablet, 50% 50%);
       object-position: var(--section-standard-heading-object-position-tablet, 50% 50%); }
    @media (max-width: 767px) {
      .section-standard-heading__image,
      .section-standard-heading__media > img {
        -o-object-position: var(--section-standard-heading-object-position-mobile, var(--section-standard-heading-object-position-tablet, 50% 50%));
           object-position: var(--section-standard-heading-object-position-mobile, var(--section-standard-heading-object-position-tablet, 50% 50%)); } }
    @media (min-width: 981px) {
      .section-standard-heading__image,
      .section-standard-heading__media > img {
        -o-object-position: var(--section-standard-heading-object-position-desktop, var(--section-standard-heading-object-position-tablet, 50% 50%));
           object-position: var(--section-standard-heading-object-position-desktop, var(--section-standard-heading-object-position-tablet, 50% 50%)); } }
  .section-standard-heading--has-overlay .section-standard-heading__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: var(--section-standard-heading-overlay); }
  .section-standard-heading__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: var(--section-standard-heading-content-padding-top) var(--section-standard-heading-content-padding-inline) var(--section-standard-heading-content-padding-bottom); }
  .section-standard-heading__content--hidden .section-standard-heading__title h1,
  .section-standard-heading__content--hidden .section-standard-heading__subtitle {
    font-size: 0;
    line-height: 0; }
  .section-standard-heading__title {
    max-width: 800px; }
    .section-standard-heading__title h1 {
      margin: 0;
      font-weight: 600;
      color: var(--white); }
      .section-standard-heading__title h1 > * {
        margin: 0; }
      .section-standard-heading__title h1.h1 {
        font-size: 2.1875rem;
        line-height: 1.2; }
        @media (min-width: 768px) {
          .section-standard-heading__title h1.h1 {
            font-size: 2.96875rem; } }
        @media screen and (min-width: 1600px) {
          .section-standard-heading__title h1.h1 {
            font-size: 3.75rem; } }
      .section-standard-heading__title h1.h2 {
        font-size: 30px;
        line-height: 30px; }
        @media (min-width: 981px) {
          .section-standard-heading__title h1.h2 {
            font-size: 40px;
            line-height: 40px; } }
  .section-standard-heading__subtitle {
    color: var(--white);
    padding-top: 2rem; }
    @media (min-width: 981px) {
      .section-standard-heading__subtitle {
        font-size: 24px;
        padding-top: 4rem; } }
  .section-standard-heading__links {
    padding-top: 2em; }
    .section-standard-heading__links .btn:first-of-type {
      margin-right: 20px; }

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