/**
 * 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; }

.bottom-footer {
  position: relative;
  padding: 2.5em 0; }
  @media (min-width: 1200px) {
    .bottom-footer {
      padding: 3.5em 0; } }
  .bottom-footer .footer-logo {
    max-height: 70px;
    margin: calc(-35px - 2.5em) auto 2em;
    text-align: center; }
    @media (min-width: 1200px) {
      .bottom-footer .footer-logo {
        margin-top: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -50px;
        max-height: 100px;
        width: 100%; } }
    .bottom-footer .footer-logo svg {
      max-height: 70px;
      width: auto; }
      @media (min-width: 1200px) {
        .bottom-footer .footer-logo svg {
          max-height: 100px; } }
  @media (min-width: 1200px) {
    .bottom-footer .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      max-width: 100%;
      width: 100%;
      padding: 0 5em;
      justify-content: space-between; } }
  .bottom-footer .container .hr-labels, .bottom-footer .container .copyrights {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    @media (max-width: 1199px) {
      .bottom-footer .container .hr-labels, .bottom-footer .container .copyrights {
        justify-content: center; } }
    .bottom-footer .container .hr-labels > div:after, .bottom-footer .container .hr-labels > span:after, .bottom-footer .container .copyrights > div:after, .bottom-footer .container .copyrights > span:after {
      content: '|';
      margin: 0 .3em;
      display: inline-block; }
      @media (min-width: 768px) {
        .bottom-footer .container .hr-labels > div:after, .bottom-footer .container .hr-labels > span:after, .bottom-footer .container .copyrights > div:after, .bottom-footer .container .copyrights > span:after {
          margin: 0 .5em; } }
    .bottom-footer .container .hr-labels > div:last-of-type:after, .bottom-footer .container .hr-labels > span:last-of-type:after, .bottom-footer .container .copyrights > div:last-of-type:after, .bottom-footer .container .copyrights > span:last-of-type:after {
      display: none; }
    .bottom-footer .container .hr-labels > div a, .bottom-footer .container .hr-labels > span a, .bottom-footer .container .copyrights > div a, .bottom-footer .container .copyrights > span a {
      transition: color .3s ease-in-out; }
      .bottom-footer .container .hr-labels > div a:hover, .bottom-footer .container .hr-labels > span a:hover, .bottom-footer .container .copyrights > div a:hover, .bottom-footer .container .copyrights > span a:hover {
        color: var(--red); }
  .bottom-footer .container .copyrights svg {
    position: relative;
    margin-left: .3em;
    width: 100px;
    top: 1px; }
    @media (min-width: 768px) {
      .bottom-footer .container .copyrights svg {
        margin-left: .5em; } }
    @media (min-width: 1200px) {
      .bottom-footer .container .copyrights svg {
        margin-left: 1em;
        width: 150px; } }

/*# sourceMappingURL=bottom-footer.css.map */