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

.sc-footer {
  clearfix();
  background-color: white;
  font-size: $font-size-small;
  padding-top: 30px;

  +breakpoint("desktop") {
    padding-top: 40px;
  }

  .theme-dark & {
    background-color: $bg-color-dark;
    border-top: 0;
  }
}

/*
 * — Logo —
 */

.sc-footer__logo {
  margin-bottom: 15px;
  text-align: center;

  +breakpoint("desktop") {
    float: left;
    padding-top: 10px;
    text-align: left;
    width: 8%;
  }
}

.sc-footer__logo-image {
  width: 20px;

  +breakpoint("desktop") {
    width: 30px;
  }
}

/*
 * — Grid —
 */

.sc-footer__grid {
  clearfix();
  text-align: left;

  +breakpoint("desktop") {
    float: left;
    margin-bottom: 25px;
    width: 92%;
  }

  grid(1, 0, ".sc-footer__column--grid");

  +breakpoint("desktop") {
    grid(6, 10px, ".sc-footer__column--grid", "right", false);
  }
}

/*
 * — Column —
 */

.sc-footer__column {
  margin-bottom: 10px;

  +breakpoint("desktop") {
    margin-bottom: 15px;
  }
}

/*
 * — Title —
 */

.sc-footer__title {
  color: darken($color-gray, 20%);
  letter-spacing: 0.05em;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;

  .theme-dark & {
    color: $color-text-contrast;
  }
}

/*
 * — Item —
 */

.sc-footer__item {
  margin-bottom: 4px;

  .theme-dark & {
    color: $color-text-contrast;
  }
}

.sc-footer__item--text {
  opacity: 0.7;
}

.sc-footer__item--small {
  font-size: $font-size-small;
}

/*
 * — Link —
 */

.sc-footer__link {
  color: darken($color-gray, 60%);

  .theme-dark & {
    border-color: $color-line-contrast;
    color: $color-text-contrast;
  }

  &:active {
    text-decoration: underline;
  }

  &:focus,
  &:hover {
    color: darken($color-gray, 40%) !important;
  }
}

.sc-footer__link--featured {
  border-bottom: 1px solid lighten($color-gray, 60%);
  display: block;
  padding: 10px 0;

  +breakpoint("desktop") {
    border: 0;
    line-height: 1.8;
    padding: 0;
  }
}

/*
 * — Contact —
 */

.sc-footer__column--contact {
  clearfix();
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;

  +breakpoint("desktop") {
    padding-top: 0;
    width: 33.33333%;
  }
}

.sc-footer__contact-column {
  float: left;
}

.sc-footer__contact-column--address {
  width: 45%;
}

.sc-footer__contact-column--phone {
  padding-top: 25px;
  text-align: right;
  width: 55%;

  +breakpoint("desktop") {
    padding-top: 37px;
  }
}

/*
 * — Phone numbers —
 */

.sc-footer__phone {
  clearfix();
  display: block;
  line-height: 1.8;
  padding-bottom: 5px;

  +breakpoint("desktop") {
    padding-bottom: 0;
  }
}

/*
 * — Social buttons —
 */

.sc-footer__like-buttons-container {
  text-align: left;
}

.sc-footer__like-buttons__link {
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 20px;
  overflow: hidden;
  padding-left: 6px;
  padding-right: 6px;
  transition: background-color .2s ease;

  &:focus,
  &:active,
  &:hover {
    color: #fff !important;
  }

  &:focus {
    outline: thin dotted;
  }
}

.sc-footer__like-buttons__icon-container {
  display: block;
  float: left;
}

.sc-footer__like-buttons__icon {
  height: 16px;
  width: 16px;
}

.sc-footer__like-buttons__link--facebook {
  $facebook = #4267b2;

  background-color: $facebook;

  & .sc-footer__like-buttons__icon-container {
    padding-top: 2px;
  }

  &:focus,
  &:hover {
    background-color: darken($facebook, 15%);
  }

  &:active {
    background-color: lighten($facebook, 5%);
  }
}

.sc-footer__like-buttons__link--linkedin {
  $linkedin = #0077b5;

  background-color: $linkedin;

  & .sc-footer__like-buttons__icon-container {
    padding-top: 3px;
  }

  &:focus,
  &:hover {
    background-color: darken($linkedin, 15%);
  }

  &:active {
    background-color: lighten($linkedin, 5%);
  }
}

.sc-footer__like-buttons__link--twitter {
  $twitter = #00aced;

  background-color: $twitter;

  & .sc-footer__like-buttons__icon-container {
    padding-top: 2px;
  }


  &:focus,
  &:hover {
    background-color: darken($twitter, 15%);
  }

  &:active {
    background-color: lighten($twitter, 5%);
  }
}

.sc-footer__like-buttons__action {
  display: block;
  float: left;
  font-weight: 600;
  padding-left: 4px;
  padding-right: 4px;
}

.sc-footer__like-buttons__counter {
  float: left;
  display: block;
}
/*
 * — Colophon —
 */

.sc-footer__colophon {
  clear: both;

  +breakpoint("mobile-landscape") {
    grid(2, 0, ".sc-footer__column");
  }

  +breakpoint("desktop") {
    border-top: 1px solid lighten($color-gray, 60%);
  }

  .theme-dark & {
    border-color: $color-line-contrast;
    color: $color-text-contrast;
  }
}

.sc-footer__list {
  +breakpoint("mobile-landscape") {
    margin-top: 15px;
  }

  +breakpoint("desktop") {
    margin-top: 5px;
  }
}

.sc-footer__list-item {
  margin: 5px 0;
  padding: 0 5px;

  +breakpoint("desktop") {
    margin-left: 10px;
  }
}