/* Customise Bootstrap CSS variables to suit CSIRO theme. */

/* Import Bootstrap Icons webfont.
Enables use of icons as CSS classes, e.g. <i class="bi bi-exclamation-triangle-fill"></i>
*/
@import url("./bootstrap-icons-1.13.1/bootstrap-icons.min.css");

:root {
  --atnf-primary: #004b87;
  --atnf-primary-rgb: 0, 75, 135;
  --atnf-dark: #142c3f;
  --atnf-dark-rgb: 20, 44, 63;
  --bs-dark-rgb: var(--atnf-dark-rgb);
}

/* Set font family for body text and headings. */
body {
  --bs-body-font-family: "Open Sans", sans-serif;
  --bs-link-color: rgb(0, 75, 135);
  --bs-link-color-rgb: 0, 75, 135;
  --bs-link-hover-color: rgb(20, 44, 63);
  --bs-link-hover-color-rgb: 20, 44, 63;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
}

main {
  margin-bottom: 4em;
}

footer {
  font-size: 0.9rem;
}
footer section {
  background-color: #ececec;
  padding-top: 4em;
  padding-bottom: 4em;
}
footer ul.nav .nav-link {
  padding-left: 0;
  padding-right: 1.5em;
}

/* Customise navbar text colours. */
.navbar-nav {
  --bs-nav-link-color: rgb(20, 44, 63);
  --bs-nav-link-hover-color: lch(16 15.7579 253.973);
}
.navbar {
  --bs-navbar-brand-color: rgb(85, 86, 88);
  --bs-navbar-brand-hover-color: rgb(20, 44, 63);
}
/* Add text decoration to nav bar brand text */
#navbar-brand-text:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.3rem;
}

/* Styles for page banners that contain the main page headings and intro text. */
#banner-container {
  background-color: rgba(26, 49, 62, 0.855);
  background-image: url("https://www.atnf.csiro.au/wp-content/uploads/2024/11/CSIRO-Parkes-Murriyang-REM-1920x1078.jpg");
  background-blend-mode: multiply;
  background-origin: border-box;
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  color: rgb(218, 220, 221);
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-bottom: 2rem;
  font-size: larger;
}

/* Customise Bootstrap accordion component to look more like the CSIRO NBA Accordion.
Not an exact match, but close enough. */
.accordion {
  --bs-accordion-btn-color: rgb(0, 75, 135);
  --bs-accordion-active-color: var(--bs-accordion-btn-color);
  --bs-accordion-border-width: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
  --bs-accordion-active-bg: none;
}
.accordion-item:not(:last-child) {
  border-bottom-width: 1px;
}

/* Customise Bootstrap button component, primary variant. */
.btn-primary {
  --bs-btn-bg: var(--atnf-primary);
  --bs-btn-border-color: var(--atnf-primary);
  --bs-btn-hover-bg: rgb(254, 254, 254);
  --bs-btn-hover-border-color: rgb(254, 254, 254);
  --bs-btn-hover-color: var(--atnf-primary);
}

/* Utility classes. */
.maxw-800px {
  max-width: 800px;
}