.footer {
  background: #58646B;
  color: white; }
  .footer .footer-content {
    border-bottom: solid 2px white;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .footer .footer-content {
        padding-bottom: 30px; } }
    @media screen and (max-width: 476px) {
      .footer .footer-content {
        border-bottom: none;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 0px;
        padding-top: 0px; } }
    .footer .footer-content .footer-logo-and-strapline-and-columns {
      display: flex;
      width: 100%; }
      .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns {
        display: flex;
        width: 100%; }
        @media screen and (max-width: 476px) {
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns {
            flex-direction: column; } }
        .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column {
          padding-left: 15px;
          padding-right: 15px; }
          @media screen and (max-width: 476px) {
            .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column {
              padding-left: 0px;
              padding-right: 0px; } }
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-button, .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-title {
            font-size: 18px;
            font-weight: bold; }
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-button {
            border-top: 1px solid white;
            color: white;
            display: none;
            justify-content: space-between;
            padding: 10px 15px 10px 15px;
            width: 100%; }
            @media screen and (max-width: 476px) {
              .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-button {
                display: flex; } }
            .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-button .footer-column-button-arrow {
              height: 10px;
              margin-bottom: auto;
              margin-top: auto; }
          @media screen and (max-width: 476px) {
            .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items {
              margin-bottom: 10px; } }
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items .footer-column-menu-item {
            font-size: 14px;
            white-space: nowrap; }
            @media screen and (max-width: 476px) {
              .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items .footer-column-menu-item {
                padding-left: 15px;
                padding-right: 15px; } }
            .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items .footer-column-menu-item a {
              color: white; }
              .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items .footer-column-menu-item a.is-italicised {
                font-style: italic; }
          @media screen and (max-width: 476px) {
            .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-menu-items .footer-column-menu-item-first {
              border-top: solid 1px white;
              padding-top: 10px; } }
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-title {
            margin-bottom: 6px;
            white-space: nowrap; }
            @media screen and (max-width: 476px) {
              .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column .footer-column-title {
                display: none; } }
        .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column-first .footer-column-button {
          border-top: none; }
        .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column-collapsed .footer-column-button-arrow {
          transform: rotate(180deg); }
        @media screen and (max-width: 476px) {
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-columns .footer-column-collapsed .footer-column-menu-items {
            display: none; } }
      .footer .footer-content .footer-logo-and-strapline-and-columns .footer-logo-and-strapline {
        display: flex;
        flex-direction: column;
        max-width: 50%;
        padding-right: 30px; }
        @media screen and (max-width: 1023px) {
          .footer .footer-content .footer-logo-and-strapline-and-columns .footer-logo-and-strapline {
            display: none; } }
        .footer .footer-content .footer-logo-and-strapline-and-columns .footer-logo-and-strapline img {
          height: 50px;
          padding-bottom: 8px; }
    .footer .footer-content .footer-contact-us {
      border-left: solid 2px white;
      margin-left: 15px;
      padding-left: 30px;
      padding-right: 15px; }
      @media screen and (max-width: 767px) {
        .footer .footer-content .footer-contact-us {
          display: none; } }
      .footer .footer-content .footer-contact-us .footer-contact-us-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 6px;
        white-space: nowrap; }
      .footer .footer-content .footer-contact-us .footer-contact-us-text {
        font-size: 14px; }
        .footer .footer-content .footer-contact-us .footer-contact-us-text a {
          color: white; }
        .footer .footer-content .footer-contact-us .footer-contact-us-text br {
          display: none; }
        .footer .footer-content .footer-contact-us .footer-contact-us-text p {
          margin-bottom: 0; }
  .footer .footer-legal-text {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .footer ul {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px; }

.footer.is-ask-a-question-visible {
  padding-bottom: 50px; }