/**
 * 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: "Heading Now";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-56Bold.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-64Regular.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: 500;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNowTrial-55Medium.woff2");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Regular.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Italic.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Bold.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-BoldItalic.ttf");
  font-display: swap; }

@font-face {
  font-family: 'Fallback';
  src: local(Impact);
  size-adjust: 96%;
  ascent-override: 115%;
  descent-override: normal;
  line-gap-override: normal; }

.section-offgrid-content {
  position: relative;
  overflow: hidden; }
  .section-offgrid-content .first-row, .section-offgrid-content .second-row {
    display: grid;
    gap: 1.5em; }
    @media (min-width: 981px) {
      .section-offgrid-content .first-row, .section-offgrid-content .second-row {
        gap: 3em;
        grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 981px) {
    .section-offgrid-content .first-row {
      align-items: flex-end;
      margin-bottom: 90px;
      justify-content: space-between; } }
  .section-offgrid-content .first-row .image {
    overflow: hidden; }
    @media (max-width: 980px) {
      .section-offgrid-content .first-row .image {
        margin-left: 35vw; } }
    @media (min-width: 981px) {
      .section-offgrid-content .first-row .image {
        order: 1; } }
    .section-offgrid-content .first-row .image img {
      position: relative;
      z-index: -1;
      width: 100%; }
    .section-offgrid-content .first-row .image.darkgray {
      background: linear-gradient(359.71deg, #2A252D 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.white {
      background: linear-gradient(359.71deg, #ffffff 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.lightgray {
      background: linear-gradient(359.71deg, #E9EAEE 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.red {
      background: linear-gradient(359.71deg, #FF0500 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.magenta {
      background: linear-gradient(359.71deg, #FA0F64 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.darkblue {
      background: linear-gradient(359.71deg, #002896 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.purple {
      background: linear-gradient(359.71deg, #50008C 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.yellow {
      background: linear-gradient(359.71deg, #FFC800 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.green {
      background: linear-gradient(359.71deg, #00C878 6.16%, rgba(60, 50, 65, 0) 49.99%); }
    .section-offgrid-content .first-row .image.none {
      background: none; }
  .section-offgrid-content .first-row .content {
    margin-bottom: 1.5em; }
    @media (min-width: 981px) {
      .section-offgrid-content .first-row .content {
        margin-bottom: 0;
        max-width: 400px; }
        .section-offgrid-content .first-row .content p:last-of-type {
          margin-bottom: 0; } }
  .section-offgrid-content .first-row:before {
    content: '';
    background-image: url(/app/themes/nfc-talent-pro/assets/images/ribbon-talent-pro.png);
    background-size: cover;
    position: absolute;
    z-index: -1;
    width: calc(100% + 125px);
    height: 20%;
    left: -125px;
    top: 45px; }
    @media (min-width: 768px) {
      .section-offgrid-content .first-row:before {
        width: calc(100% + 30px);
        height: 40%;
        left: -30px; } }
  @media (min-width: 981px) {
    .section-offgrid-content .first-row:not(.only-first-row):before {
      width: 1250px;
      height: 470px;
      top: 20px; } }
  @media (min-width: 981px) {
    .section-offgrid-content .first-row.only-first-row:before {
      width: 1250px;
      height: 470px;
      top: auto;
      left: auto;
      bottom: -45px;
      right: -30px;
      transform: rotate(-39deg); } }

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