/**
 * 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-content-toggle .container {
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr; }
  @media (min-width: 981px) {
    .section-content-toggle .container {
      gap: 4em;
      grid-template-columns: 1fr 1.25fr; } }
  .section-content-toggle .container .blocks .block .block-header {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 1.5em 40px 1.5em 0;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid var(--red); }
    .section-content-toggle .container .blocks .block .block-header .icon {
      width: 57px;
      height: 57px;
      border-radius: 50%;
      background-color: var(--light-gray);
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-content-toggle .container .blocks .block .block-header .icon img {
        max-height: 47px; }
    .section-content-toggle .container .blocks .block .block-header .title {
      margin-bottom: 0; }
    .section-content-toggle .container .blocks .block .block-header:after {
      content: '\e90c';
      font-family: Icomoon;
      color: var(--dark-gray);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateX(-50%);
      font-size: 22px; }
    .section-content-toggle .container .blocks .block .block-header.open:after {
      content: '\e909';
      right: 6px; }
  .section-content-toggle .container .blocks .block .block-content {
    display: none;
    padding-top: 1.5em; }
    .section-content-toggle .container .blocks .block .block-content p {
      margin: 0; }
    .section-content-toggle .container .blocks .block .block-content .call-to-action {
      margin-top: .5em;
      text-align: right; }

.block-popup {
  max-width: 800px;
  padding: 0; }
  .block-popup .block-header-popup {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    padding: 1.5em; }
    @media (min-width: 981px) {
      .block-popup .block-header-popup {
        padding: 2.5em; } }
    .block-popup .block-header-popup .icon {
      width: 57px;
      height: 57px;
      border-radius: 50%;
      background-color: var(--light-gray);
      display: flex;
      align-items: center;
      justify-content: center; }
      .block-popup .block-header-popup .icon img {
        max-height: 47px; }
    .block-popup .block-header-popup .title {
      margin-bottom: 0; }
  .block-popup .popup-content {
    overflow-y: scroll;
    height: 50vh;
    padding: 0 1.5em; }
    @media (min-width: 981px) {
      .block-popup .popup-content {
        padding: 0 2.5em; } }
  .block-popup ::-webkit-scrollbar {
    width: 15px; }
  .block-popup ::-webkit-scrollbar-track {
    background: #E9EAEE; }
  .block-popup ::-webkit-scrollbar-thumb {
    background: var(--dark-gray);
    border-radius: 0; }

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