/* ALL FOOTER STYLING */
/* FOOTER A */
#footer-a {
  margin: auto;
  background-size: cover;
  padding: 1rem;
  background-color: var(--darkgray);
}
@media (max-width: 1200px) {
  #footer-a .grid-item {
    text-align: left !important;
  }
}
#footer-a .grid-item {
  background-color: var(--darkgray);
  padding: 1rem;
  color: var(--white);
  margin: 0.2rem;
  /* height: fit-content; */
}
#footer-a a {
  color: var(--white);
  padding: 0.4rem;
}
#footer-a a:hover {
  background-color: var(--primary);
}
/* FOOTER B */
#footer-b {
  margin: auto;
  padding: 1rem;
  background-color: var(--darkgray);
}

@media (max-width: 800px) {
  #footer-b .text-right {
    text-align: left !important;
  }
}
#footer-b .subheading.text-hover:hover {
  color: var(--primary);
  transition: 0.2s ease-in-out;
}

#footer-b .grid-item {
  padding: 1rem;
  color: var(--white);
  margin: 0.5rem;
  /* height: fit-content; */
}
#footer-b a {
  color: var(--white);
  font-family: Roboto Mono !important;
  text-transform: uppercase !important;;
  font-size: 1.1rem;
  letter-spacing: 1px;
}

#footer-b p a:hover {
  color: var(--primary);
  /* letter-spacing: 1px; */
  transition: 0.2s ease-out;
}
#footer-b .social-media {
  padding: 0.5rem;
}
/* FOOTER C */
#footer-c {
  margin: auto;
  background-size: cover;
  padding: 1rem;
  background-color: var(--darkgray);
}
@media (max-width: 1200px) {
  #footer-c .grid-item {
    text-align: left !important;
  }
}
#footer-c .grid-item {
  background-color: var(--darkgray);
  padding: 1rem;
  color: var(--white);
  margin: 0.2rem;
  /* height: fit-content; */
}
#footer-c a {
  color: var(--white);
  padding: 0.4rem;
  
}
#footer-c a:hover {
  background-color: var(--primary);
}
/* FOOTNOTE */
#footnote {
  margin: auto;
  width: 100%;
  background-color: var(--gray);
  padding: 0.5rem;
  text-align: center;
  color: white;
}
#footnote p a {
  text-decoration: underline !important;
  color: var(--white);
  font-weight: 500;
  font-size: 0.9rem;
}
#footnote p a:hover {
  color: var(--primary);
  transition: 0.2s ease-in-out;
}
@media (max-width: 700px) {
  #footnote {
    text-align: left;
  }
}
/* STRAPLINE */
#strapline {
  margin: auto;
  background-color: var(--primary);
  padding: 0.3rem 0;
}
#strapline p {
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--white);
  font-size: 0.8rem !important;
}