@import url("member-assets.css");

/* #region Colours */

:root {
  --background-color: #EDEFF0;
  --link-underline: rgba(50, 120, 160, 0.25);
  --footer-border: #B5BDC6;
  --text: #5A595F;
}

@media only screen and (max-device-width: 450px) {
  :root {
    width: auto;
  }
}

body {
  background: var(--background-color);
  color: var(--text);
  margin: 0;
  min-width: fit-content !important;
}

#header_container {
  box-shadow: 0 10px 10px -6px var(--shadow);
}

div#header_container, #header_container {
  padding-block: .75rem;
  padding-inline: 0rem;
  background-color: #5A595F;
  margin: 0;
}

div#footer_container, #footer_container {
  grid-area: footer;
  margin: 0 2rem;
  display: flex;
  justify-content: center;
  padding-block-start: 1rem;
  border-top: 1px solid var(--footer-border);
  width: -webkit-fill-available;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
}

#libero-powered-link {
  min-block-size: calc(40px + 3rem);
  display: block;
  background-repeat: no-repeat;
  background-position: bottom 20px left 70px;
  padding: 0 1rem;
}

#libero-powered-link:dir(rtl) {
  background-position: bottom 20px right 20px;
}

#tagSearch_fields, 
#page_title img,
#PageShortCuts,
#rssFeedContainer,
#searchResults>caption,
.MnuVers,
.PagingNumber,
.hrefsep,
.PagingButton:empty,
.href_sep,
.letSep,
.w3c_validator,
.w3c_css,
.URLHack,
.hide,
.MainMenuHeading,
.HiddenLabel,
#wait_image,
#btnSMART_BROWSE,
#searchResults>thead,
#searchResults>tbody>tr>th {
  display: none;
}

#page_title a {
  min-block-size: 3.5rem;
  display: block;
  margin-left: .75rem;
}

#footer_container a {
  color: var(--text);
  font-size: .90rem;
}

#page_container {
  padding-bottom: 1rem;
}

a[href]:not([class*="omnio"]) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 1px;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: 2px;
}

body {
  hyphens: auto;
  -webkit-hyphens: auto;
  font-family: "Inter var";
  font-variant-numeric: tabular-nums slashed-zero;
}