/* footer, see farther below like normalize, sal, etc */

.footer-section {
  padding: 100px 20px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #f3f3f3;
}

.api ~ .footer-section {
  display: none;
}

.footer-section .section-content {
  flex-direction: column;
  align-items: flex-start;
}

.footer-section nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.footer-category {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.footer-category-title {
  margin-bottom: 16px;
}

.footer-category a {
  margin-bottom: 16px;
}

.company-info {
  margin-top: 20px;
  flex-shrink: 0;
}

.copyright {
  margin-top: 10px;
  color: var(--gray);
  font-size: 14px;
}

@media (min-width: 768px) {
  .footer-section .section-content {
    flex-direction: row;
    align-items: flex-start;
  }

  .footer-section nav {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-category {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .company-info {
    margin-top: 0;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button {
  /* Show the overflow in Edge. */
  overflow: visible;
}

button {
  /* Remove the inheritance of text transform in Firefox. */
  text-transform: none;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type='button']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari. */
  -webkit-appearance: button;
  /* Change font properties to `inherit` in Safari. */
  font: inherit;
}

/* parts of sal.css we use lifted from original sal.css */
[data-sal] {
  transition-duration: 0.2s;
  transition-duration: var(--sal-duration, 0.2s);
  transition-delay: 0s;
  transition-delay: var(--sal-delay, 0s);
  transition-timing-function: ease;
  transition-timing-function: var(--sal-easing, ease);
}

[data-sal|='fade'] {
  opacity: 0;
  transition-property: opacity;
}

[data-sal|='fade'].sal-animate,
body.sal-disabled [data-sal|='fade'] {
  opacity: 1;
}