/**
 * 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-large-heading__media {
  width: 100%;
  height: 9.375rem;
  position: relative;
  overflow: hidden; }
  @media (min-width: 981px) {
    .section-large-heading__media {
      height: 22.5rem; } }
  .section-large-heading__media img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.section-large-heading__content {
  text-align: center;
  padding: 2.5rem 1.75rem; }
  @media (min-width: 981px) {
    .section-large-heading__content {
      padding: 4.25rem 1.75rem;
      max-width: 62.5rem;
      margin: 0 auto; } }

.section-large-heading__subtitle {
  font-size: 9px;
  text-transform: uppercase;
  color: var(--orange);
  font-weight: 700;
  letter-spacing: 30%; }
  @media (min-width: 981px) {
    .section-large-heading__subtitle {
      font-size: 1.25rem; } }

.section-large-heading__title {
  color: var(--white);
  margin: 1.75rem 0; }

.section-large-heading__body {
  color: var(--white);
  font-size: 0.875rem; }
  @media (min-width: 981px) {
    .section-large-heading__body {
      font-size: 1.125rem; } }
  .section-large-heading__body p {
    margin: 0; }

.section-large-heading__ctas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2.25rem; }

.section-large-heading__background--fullwidth {
  padding-top: 3.75rem;
  background: linear-gradient(45deg, black 0%, #3f3f3f 50%); }
  .section-large-heading__background--fullwidth .section-large-heading__media {
    border-radius: 1.125rem; }

.section-large-heading__background--container {
  overflow: clip;
  border-radius: 1.125rem;
  background: linear-gradient(45deg, black 0%, #3f3f3f 50%);
  margin-top: 16px; }
  @media all and (min-width: 48.9375rem) {
    .section-large-heading__background--container {
      margin-top: 60px; } }

.section-large-heading__background--light .section-large-heading__subtitle, .section-large-heading__background--blue .section-large-heading__subtitle, .section-large-heading__background--orange .section-large-heading__subtitle {
  background-color: var(--black);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0.5rem 0.5rem 0.3rem;
  line-height: 1; }

.section-large-heading__background--light {
  background: var(--light); }
  .section-large-heading__background--light .section-large-heading__title, .section-large-heading__background--light .section-large-heading__body {
    color: var(--black); }

.section-large-heading__background--blue {
  background: linear-gradient(125deg, #176979 0%, #3ad2df 95%); }

.section-large-heading__background--orange {
  background: linear-gradient(125deg, #ffac1c 0%, #ee7511 95%); }
  .section-large-heading__background--orange .section-large-heading__body {
    color: var(--black); }

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