| /*! |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| .footer |
| background: $color-dark |
| padding-top: 40px |
| margin-top: 128px |
| @at-root .body--index & |
| margin-top: 0 |
| |
| color: #fff |
| .footer__contained |
| +contained |
| padding: 0 30px |
| a |
| color: #fff |
| |
| .footer__cols |
| display: flex |
| justify-content: space-around |
| @media (max-width: $ak-breakpoint-lg) |
| display: block |
| .footer__cols__col__logos |
| padding-right: 120px |
| @media (max-width: $ak-breakpoint-lg) |
| display: flex |
| |
| .footer__cols__col |
| padding: 5px |
| box-sizing: border-box |
| |
| .footer__cols__col__title |
| color: #fff |
| font-weight: $font-weight-bold |
| margin-bottom: $pad |
| |
| .footer__cols__col__link |
| margin-bottom: 4px |
| |
| .footer__cols__col__logo |
| margin-bottom: $pad |
| @media (max-width: $ak-breakpoint-lg) |
| margin-right: 50px |
| |
| .footer__flex_mobile |
| display: flex |
| flex-direction: row |
| justify-content: space-between |
| @media (max-width: $ak-breakpoint-lg) |
| flex-direction: column |
| |
| .wrapper-grid |
| display: grid |
| padding-bottom: 30px |
| grid-template-columns: repeat(4, 1fr) |
| grid-gap: 52px |
| grid-auto-rows: minmax(200px, auto) |
| @media (max-width: $ak-breakpoint-lg) |
| grid-template-columns: repeat(2, 1fr) |
| |
| .footer-wrapper |
| padding: 0 56px |
| @media (max-width: $ak-breakpoint-lg) |
| padding: 0 |
| |
| .footer__bottom |
| line-height: 1.57 |
| letter-spacing: 0.43px |
| color: #bfbfbf |
| padding-bottom: 38px |
| padding-right: 25px |
| margin-right: 76px |
| a |
| color: #bfbfbf |
| @media (max-width: $ak-breakpoint-lg) |
| padding-bottom: 77px |
| padding-right: 0 |
| margin-right: 0 |
| |
| .main-padding |
| padding-bottom: 48px |
| background: #37424B; |
| @media (max-width: $ak-breakpoint-lg) |
| padding-bottom: 100px |