// na shop odkopirovat, neextendovat

.footer {
   background: #1c1c1c;
   color: #9a9a9a;

   > .container:first-child {
      display: flex;
      flex-wrap: wrap;
      padding-top: 70px;
      padding-bottom: 30px;
   }

   .logo {
      margin: 10px 100px 10px 0;
   }

   .title-default {
      color: $white;
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
   }
}

.footer-menu {
   display: flex;
   flex-grow: 1;

   a {
      @include underline-hover;
   }

   .column {
      padding-bottom: 30px;
      width: 33.33%;
      max-width: 300px;
   }

   li {
      padding: 4px 0;
   }
}

.footer-newsletter {
   width: 340px;

   form {
      display: flex;
   }

   .btn,
   .form-control {
      color: $white;
      background: #1c1c1c;
      border-color: #4b4b4b;
   }

   .btn {
      border-width: 1px;
      margin-left: -1px;
      width: 58px;
      font-size: 22px;
      padding: 0;
      flex-shrink: 0;

      @include haf {
         border-color: #b8b8b8;
      }
   }
}
