/**
 * @file
 * Subtheme specific CSS.
 */

/* Redefine key variables */
:root {
  --bs-font-sans-serif: 'Open Sans', system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-body-font-size: .875rem;
}

.navbar {
  --bs-navbar-nav-link-padding-x: .9375rem;
  --bs-navbar-brand-margin-end: 0;
  --bs-navbar-padding-y: 0;
}

.btn {
  --bs-btn-font-size: .875rem;
}

/* Header */

.header {
  background: url(https://assets.linkcat.info/images/koha-overrides/bibliovation-header.jpg) no-repeat right top;
  margin-bottom: 1.25rem;
}

 /* Navbar */

.navbar-expand-md .navbar-nav .nav-link {
  padding: .625rem var(--bs-navbar-nav-link-padding-x);
}

/* Change the header layout for full-width navbar */
.navbar-expand-md {
  flex-wrap: wrap;
  justify-content: center !important;
}

.navbar-brand {
  flex: 0 0 25%;
  padding-right: 1rem;
  text-align: center;
}

.navbar-toggler {
  margin: 9px 10px;
}

.navbar-collapse {
  justify-content: center !important;
}

/* LINKcat Search */
#searchform {
  margin-bottom: 1.25rem;
}

#searchform .form-text {
  margin-top: 0;
}

.form-control {
  font-size: var(--bs-body-font-size);
}

/* Sidebar */
.sidebar nav .nav {
  display: block;
  margin: 0;
}

.sidebar .block {
  border-width: 0;
  padding: 0;
}

.sidebar .menu {
  list-style-type: none;
  margin-left: var(--bs-nav-link-padding-x);
}

/* Footer */

.site-footer__bottom .block {
  padding: 0 10px;
}

.site-footer .content {
  font-size: .875rem;
}

/* Change the main-container layout for container-md width */
@media (min-width: 768px) {
  .navbar-expand-md {
    display: grid;
    grid-template-columns: 25% 75%;
  }

  .navbar-brand {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }

  #block-barrio-lhelp-myaccountbutton {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    align-self: start;
  }

  #block-barrio-lhelp-linkcatsearch {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: start;
  }

  #navbar-main .toggle-group {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
  }

  #main,
  .site-footer .container-fluid {
    max-width: 1170px;
  }

  /* Make the sidebar always show for container-md width
   * because at smaller sizes defaults to hidden and toggles
   */
  #sidebar_first {
    display: block;
  }
}