﻿.footer {
  position: relative;
  width: 100%;
  margin: auto 0 0;
  z-index: 100;
  background-color: #592d5e;
  color: #fff;
  padding: 2rem 0;
  overflow-x: hidden; }
  @media (max-width: 800px) {
    .footer {
      height: auto; } }
  .footer .inner {
    width: auto;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    white-space: nowrap; }
    @media (max-width: 800px) {
      .footer .inner {
        white-space: normal;
        padding: 0 .5rem 2rem; } }
    .footer .inner .social,
    .footer .inner .col {
      display: inline-block;
      padding: 0 0.71429rem;
      margin: 0;
      vertical-align: top; }
    .footer .inner .social {
      width: 28%; }
      @media (max-width: 800px) {
        .footer .inner .social {
          display: block;
          float: none;
          width: 100%;
          padding: 0; } }
      @media (max-width: 800px) {
        .footer .inner .social ul {
          border-top: 1px solid #9a4ea3;
          padding-top: 1.5rem;
          height: auto;
          max-height: none;
          overflow: auto; } }
      .footer .inner .social ul li {
        padding: 0; }
        .footer .inner .social ul li.link-head {
          margin-bottom: .5rem; }
      .footer .inner .social strong {
        font-size: 1.5rem;
        unicode-bidi: embed;
        direction: ltr; }
    .footer .inner .col {
      width: 24%; }
      .footer .inner .col ul {
        padding-left: 0; }
      @media (max-width: 800px) {
        .footer .inner .col {
          float: none;
          width: 100%;
          padding: 0; }
          .footer .inner .col ul.active {
            height: auto;
            max-height: 50rem; }
          .footer .inner .col ul .link-head {
            border-top: 1px solid #9a4ea3;
            padding: 1rem 0 .5rem 0;
            cursor: pointer;
            text-transform: uppercase; }
            .footer .inner .col ul .link-head.general {
              border-top: none; } }
    .footer .inner ul {
      position: relative;
      display: inline-block;
      width: 100%;
      padding-left: 1.5rem; }
      @media (max-width: 800px) {
        .footer .inner ul {
          height: 3rem;
          overflow: hidden;
          margin: .5rem 0 0;
          padding: 0; } }
      .footer .inner ul li {
        color: #fff;
        list-style-type: none;
        margin-bottom: .5rem;
        white-space: normal;
        padding-right: 1.5rem; }
        .footer .inner ul li.link-head {
          font-size: 1.125rem;
          margin-bottom: 1rem;
          font-weight: normal;
          text-transform: uppercase; }
          .footer .inner ul li.link-head .expand {
            display: none; }
            @media (max-width: 800px) {
              .footer .inner ul li.link-head .expand {
                display: block;
                width: 1.5rem;
                height: 1rem;
                position: absolute;
                right: 0;
                top: 1.2rem;
                color: #fff;
                font-size: 1.5rem; } }
    .footer .inner a {
      color: #fff;
      font-size: 1rem; }
      .footer .inner a:hover {
        color: inherit; }
  .footer .desktop-only-block {
    display: inline-block !important; }
    @media (max-width: 800px) {
      .footer .desktop-only-block {
        display: none !important; } }
  .footer .mobile-only-block {
    display: none !important; }
    @media (max-width: 800px) {
      .footer .mobile-only-block {
        display: inline-block !important; } }

#nbs-footer {
  position: relative; }
  #nbs-footer .social a {
    font-size: 1.5rem;
    margin: 0 1rem 0 0; }
