/* =========================
   FOOTER
========================= */

.gcs-footer{
  padding:40px 0 30px;
}

/* =========================
   ICONS
========================= */

.gcs-footer .gcs-footer__icons{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
}

.gcs-footer .gcs-footer__icons a{
  color:#000;
  font-size:1.45rem;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:
    color .2s ease,
    transform .2s ease,
    opacity .2s ease;
}

.gcs-footer .gcs-footer__icons a:hover,
.gcs-footer .gcs-footer__icons a:focus{
  color:#ffb700;
  transform:translateY(-2px);
  opacity:1;
  text-decoration:none;
}

/* =========================
   FOOTER NAV
========================= */

.gcs-footer .gcs-footer__nav{
  margin-bottom:12px;
}

.gcs-footer .gcs-footer__nav a{
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-size:0.72rem;
  transition:color .2s ease;
}

.gcs-footer .gcs-footer__nav a:hover,
.gcs-footer .gcs-footer__nav a:focus{
  color:#ffb700;
  text-decoration:none;
}

/* =========================
   CONTACT
========================= */

.gcs-footer .gcs-footer__contact{
  margin-bottom:10px;
}

.gcs-footer .gcs-footer__contact a{
  color:#555;
  text-decoration:none;
  font-size:0.92rem;
  transition:color .2s ease;
}

.gcs-footer .gcs-footer__contact a:hover,
.gcs-footer .gcs-footer__contact a:focus{
  color:#ffb700;
  text-decoration:none;
}

/* =========================
   DIVIDERS
========================= */

.gcs-footer .gcs-footer__divider{
  display:inline-block;
  margin:0 10px;
  color:#999;
}

/* =========================
   COPYRIGHT
========================= */

.gcs-footer .gcs-footer__copy{
  font-size:0.82rem;
  color:#777;
  line-height:1.5;
}

/* =========================
   MOBILE
========================= */

@media (max-width:575.98px){

  .gcs-footer{
    padding:32px 0 24px;
  }

  .gcs-footer .gcs-footer__nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    row-gap:8px;
  }

  .gcs-footer .gcs-footer__nav a{
    font-size:0.68rem;
  }

  .gcs-footer .gcs-footer__contact{
    font-size:0.88rem;
  }

}