/* GENERAL */

.social-home {
  flex-grow: 1;
  background-color: var(--backgroundColorAccent);
  font-family: "Herokid", sans-serif;
  font-size: 17px;
  font-weight: 500;
  font-stretch: semi-condensed;
  line-height: 130%;
  padding: 50px;
  padding-left: 0;
}

.social-home .no-text {
  font-size: 0;
}

/* SOCIAL LINKS */

.social-home a.tiff-app {
  padding-left: 6px;
  padding-right: 6px;
}

.social-home .nav > li > a {
  color: var(--colorText);
  padding-left: 20px;
  padding-right: 20px;
}

.social-home .nav > li > a:hover {
  background-color: unset;
}

.social-home .nav > li > a.tiff-app {
  padding-right: 35px;
}

.social-home a.tiff-app::before,
.social-home .instagram::before,
.social-home .facebook::before,
.social-home .tiktok::before,
.social-home .youtube::before {
  background-color: var(--colorText);
}

/* RESPONSIVE */

@media (max-width: 1399px) {
  .social-home .nav > li > a {
    padding-left: 11px;
    padding-right: 11px;
  }
}

@media (max-width: 1199px) {
  .social-home {
    padding: 25px;
  }

  .social-home .menu.nav {
    justify-content: end;
  }
}

@media (max-width: 768px) {
  .social-home {
    padding-top: 22px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .social-home .menu.nav {
    column-gap: 2%;
  }

  .social-home .menu.nav::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 87%;
    height: 2px;
    background-color: var(--colorText);
  }

  .social-home .nav > li:first-child {
    flex-grow: 20;
  }

  .social-home .nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }

  .social-home .nav > li > a.tiff-app {
    font-size: 15px;
    padding-right: 7px;
  }

  .social-home .nav > li:first-child > a {
    padding-left: 0px;
  }
  .social-home .nav > li:last-child > a {
    padding-right: 0px;
  }

  .quick-nav .leaf {
    width: 100%;
  }

  .quick-nav .leaf:not(:last-child) {
    margin-bottom: 12px;
  }
}