/*
 * footer.css
 * Footer styles.
 * 
 * Created on May 06 2024
 * Charles Darwin Foundation
 */

 /* Citation styling for mobile */
.citation {
   font-family: "Source Serif 4",Georgia,serif;
   padding: 3rem 1rem 1rem 1rem;
   color: white;
   background-color: var(--color-blue);
}
.citation--title {
   text-align: left;
   margin-bottom: 0px;
   font-size: 1.2rem;
   font-weight: 600;
}
.citation--description {
   text-align: left;
   margin-top: 0.5rem;
   font-size: 1rem;
}
.citation--content {
   text-align-last: left;
   margin: 2rem;
   padding: 0.5rem;
   border-left: 7px solid var(--color-yellow);
   font-size: 1rem;
}

/* Basic footer styling for mobile (<=600px) */
#footer {
   font-family: "Source Serif 4",Georgia,serif;
   background-color: var(--color-light-grey);
   padding: 3rem 1rem 2rem 1rem;
   font-size: .875rem;
   line-height: 1rem;
   color: var(--color-blue);
   font-style: normal;
   font-weight: 500;
}
#footer a {
   text-decoration: none;
   color: #39499b;
}
#footer a:hover {
   text-decoration: underline;
}

/* Footer Structure for Mobile */
.footer-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;
}
.footer-column {
   width: 90%;
   text-align: center;
}

/* Logo Column (Mobile) */
.footer-column--logo img {
   width: 200px;
   content: url("../../assets/fcd_logo_200.png");
   margin-bottom: 1rem;
}

/* Disclaimer Column (Mobile) */
.footer-column--disclaimer {
   margin-bottom: 1rem;
}
.footer-column--disclaimer p:first-of-type {
   margin-bottom: 2rem;
}

/* Link List Column (Mobile) */
.footer-column--link-list {
   margin-bottom: 5rem;
   margin-top: 3rem;
 }
.footer-column--link-list ul {
   list-style: none;
   padding: 0;
}
.footer-column--link-list li {
   margin-bottom: 0.5rem;
}
.footer-column--link-list a {
   font-family: "Oswald", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 500;
   line-height: 1.35rem;
   color: var(--color-blue) !important;
   text-transform: uppercase;
   display: block;
   margin-bottom: 0.8rem;
}
.footer-column--link-list li:first-child a {
   font-size: 1.7rem;
   line-height: 1.55rem;
}
/* License and FCD (Mobile) */
.footer--license {
   font-size: 0.75rem;
   margin-bottom: 1.4rem;
}
.footer--cdf {
   font-size: 0.75rem;
}


/* Media Queries for Responsiveness */
@media (min-width: 600px) { /* Small screens (tablets) */
   #footer {
      padding: 3rem 2rem 2rem 2rem;
   }
   .citation {
      padding: 3rem 2rem 1rem 2rem;
   }
   .footer-container {
      gap: 1.5rem;
   }
   .footer-column {
      width: 95%;
   }
   .footer-column--logo img {
      width: 250px;
      content: url("../../assets/fcd_logo_250.png");
  }
  .footer-column--link-list {
      margin-top: 0;
      margin-bottom: 3.5rem;
  }
  .footer-column--link-list a {
      font-size: 1.3rem;
  }
  .footer--license, .footer--cdf {
      font-size: 0.83rem;
  }
}

@media (min-width: 768px) {  /* Tablets in landscape mode */
   #footer {
      font-size: 0.9rem;
   }
   .footer-column--logo {
      text-align: left;
      flex: unset;
   }
   .footer-column--logo img {
      width: 300px;
      content: url("../../assets/fcd_logo_300.png");
   }
   .footer-column--disclaimer {
      text-align: left;
   }
   .footer-container {
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 3rem 4rem;
      margin-bottom: 3.5rem;
  }
  .footer-column {
      align-self: flex-start;
  }
  .footer-column--disclaimer,
  .footer-column--link-list {
      flex: 1;
      min-width: 300px;
  }
  .footer-column--link-list {
      text-align: left;
  }
}

@media (min-width: 992px) { /* Desktop */ 
   #footer {
      padding-top: 4rem;
   }
   .footer-container {
      gap: 3rem 2rem;
   }
   .footer-column {
      flex: 0.5; 
      text-align: left;
  }
  .footer-column--logo {
      text-align: right;
  }
  .footer-column--logo img { 
      padding-top: 1.5rem;
  }
  .footer-column--logo img {
      width: 250px;
      content: url("../../assets/fcd_logo_250.png");
   }
   .footer-column--disclaimer {
      flex: 0.5; 
   }
   .footer--license {
      text-align: center;
   }
}

@media (min-width: 1200px) { /* Wide Desktop */
   .footer-container {
      gap: 3rem 4rem;
      margin-bottom: 3rem;
   }
   .footer-column {
      flex: 1; 
  }
  .footer-column--logo img {
      width: 300px;
      content: url("../../assets/fcd_logo_300.png");
   }
  .footer-column--disclaimer {
      flex: 1.2; 
   }
}

@media (min-width: 1400px) { /* Wider desktops */
   .footer-container {
      gap: 3rem 5rem;
      margin-bottom: 2.5rem;
   }
}