/*==========================================================================
  Footer layout
  ========================================================================== */

/**
  * Footer base settings
  *
  */

footer
  background-color: $lightBlue
  color: $blue
  a
    color: $blue

  .footer
    padding: 35px 0 60px 0
    +flex(space-between, flex-start)
    +respond-to-width(1000)
      +flex-rows()

    >*
      flex: none

    .footer-information
      margin-top: 20px
      p
        padding: 0
        margin: 0

      +respond-to-width($smGridBreakpoint)
        padding: 0 15px
        text-align: center
        max-width: 100%


    .footer-navigation
      +respond-to-width(1000)
        width: 100%

      .navigation
        +respond-to-width($smGridBreakpoint)
          +flex-rows()

        .firstCol, .secondCol, .thirdCol
          flex: 1
          +respond-to-width($smGridBreakpoint)
            text-align: center
            flex: none
            width: 100%
            li
              list-style-type: none