.navbar-brand .img-fluid {max-width:40%; padding-left: 3rem;}

@media (min-width: 1200px) {
a.nav-link.nav-link--my-account {border-left:1px solid #ccc;}
}

#header {
  position: sticky;
  top: var(--drupal-displace-offset-top, 0px);
  z-index: 1030;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.nav {align-items: flex-end;}


@media (min-width: 1200px) {
  #navbar-main .navbar-brand {
    flex: 0 0 30%;
    max-width: 30%;
    margin-right: 0;
  }

  #navbar-main #CollapsingNavbar {
    flex: 0 0 70%;
    max-width: 70%;
    justify-content: center !important;
  }

  #block-cbp-bootstrap-main-menu {
    margin-right: 1rem;
  }
}

.cbp-subnav-toggle {
  display: none !important;
}

.navbar-nav {
--bs-nav-link-color: #000;
--bs-nav-link-hover-color: #555;}
.nav-link {
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
}


ul.dropdown-menu.show{
  border-radius: 0;
  background:#222;
}
.dropdown-item {color:#bebebe;font-size: 0.7rem;text-transform:uppercase;letter-spacing: 0.15em;padding-bottom:.5rem;}
.dropdown-item:hover {background-color:#222;color:#bebebe;}
.dropdown-item a {color:#fff;font-size: 0.7rem;text-transform:uppercase;letter-spacing: 0.15em;}
.dropdown-item a:hover {color:#917e59;}

#navbar-main .dropdown-menu {
  --bs-dropdown-bg: #222;
  --bs-dropdown-link-active-bg: none;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-color: #fff;
  --bs-dropdown-border-radius:0;
  --bs-dropdown-item-padding-y: 0.5rem;
}


.navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
      }
a.nav-link--::before {
  display: none;
}

a.nav-link--user::before {
  background-image:url('data:image/svg+xml,<svg class="bi bi-person-check" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM6 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0zm6.854.146a.5.5 0 010 .708l-3 3a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708L12.5 7.793l2.646-2.647a.5.5 0 01.708 0z" clip-rule="evenodd"/></svg>');
  background-position: 0 0.30rem;
}
a.nav-link--user-login::before {
  background-image:url('data:image/svg+xml,<svg class="bi bi-unlock" width="1em" height="1em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.655 8H2.333c-.264 0-.398.068-.471.121a.73.73 0 00-.224.296 1.626 1.626 0 00-.138.59V14c0 .342.076.531.14.635.064.106.151.18.256.237a1.122 1.122 0 00.436.127l.013.001h7.322c.264 0 .398-.068.471-.121a.73.73 0 00.224-.296 1.627 1.627 0 00.138-.59V9c0-.342-.076-.531-.14-.635a.658.658 0 00-.255-.237A1.122 1.122 0 009.655 8zm.012-1H2.333C.5 7 .5 9 .5 9v5c0 2 1.833 2 1.833 2h7.334c1.833 0 1.833-2 1.833-2V9c0-2-1.833-2-1.833-2zM8.5 4a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
}

/* ------------------ Header ------------------ */

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-light .nav-link:hover,
.navbar-light .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .nav-link {
  color: rgba(0, 0, 0, 1);
}

.navbar-brand .site-logo {
  margin-right: 1rem;
}

@media (min-width: 1200px) {
  #block-cbp-bootstrap-main-menu .dropdown:hover > .dropdown-menu,
  #block-cbp-bootstrap-main-menu .dropdown:focus-within > .dropdown-menu {
    display: block;
  }

  /* 3rd-level menu: open to the right of the 2nd level. */
  #block-cbp-bootstrap-main-menu .dropdown-menu .dropdown {
    position: relative;
  }

  #block-cbp-bootstrap-main-menu .dropdown-menu .dropdown > .dropdown-menu,
  #block-cbp-bootstrap-main-menu .dropdown-menu .dropdown > .dropdown-menu[data-bs-popper] {
    top: 0;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
  }

  #block-cbp-bootstrap-main-menu .dropdown-menu .dropdown:hover > .dropdown-menu,
  #block-cbp-bootstrap-main-menu .dropdown-menu .dropdown:focus-within > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 1199.98px) {
  .navbar-brand {
    padding-left: 0;
  }

  .navbar-brand .img-fluid {
    max-width: min(200px, calc(100vw - 7rem));
  }

  #navbar-main {
    align-items: center;
    row-gap: 1rem;
  }

  #navbar-main .site-branding {
    flex: 1 1 auto;
    min-width: 0;
  }

  #navbar-main .navbar-toggler {
    margin-left: auto;
    flex: 0 0 auto;
  }

  #navbar-main #CollapsingNavbar {
    flex-basis: 100%;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0 1rem 1rem;
  }

  #CollapsingNavbar .navbar-nav,
  #CollapsingNavbar .menu--account .nav,
  #CollapsingNavbar .navbar-form .nav,
  #CollapsingNavbar .navbar-form ul {
    width: 100%;
    align-items: flex-start;
  }

  #CollapsingNavbar .nav-item,
  #CollapsingNavbar .menu--account .nav-item,
  #CollapsingNavbar .navbar-form .nav-item,
  #CollapsingNavbar .navbar-form li {
    width: 100%;
  }

  #CollapsingNavbar .nav-link,
  #CollapsingNavbar .menu--account .nav-link,
  #CollapsingNavbar .navbar-form .nav-link {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }

  #CollapsingNavbar .dropdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  #CollapsingNavbar .dropdown > .nav-link,
  #CollapsingNavbar .dropdown > a {
    flex: 1 1 auto;
  }

  #CollapsingNavbar .dropdown > .dropdown-menu,
  #CollapsingNavbar .dropdown > .dropdown-menu[data-bs-popper] {
    display: none;
    position: static;
    width: 100%;
    margin: 0;
    padding: 0.25rem 0 0.75rem 1rem;
    border: 0;
    box-shadow: none;
    transform: none !important;
    background: transparent;
  }

  #CollapsingNavbar .dropdown.is-open > .dropdown-menu,
  #CollapsingNavbar .dropdown.is-open > .dropdown-menu[data-bs-popper] {
    display: block;
  }

  #CollapsingNavbar .dropdown-item {
    padding-bottom: 0;
    color: #777;
  }

  #CollapsingNavbar .dropdown-menu a,
  #CollapsingNavbar .dropdown-menu .nav-link {
    color: #777;
    font-size: 0.72rem;
    padding: 0.35rem 0;
  }

  #CollapsingNavbar .dropdown-menu .dropdown > .dropdown-menu,
  #CollapsingNavbar .dropdown-menu .dropdown > .dropdown-menu[data-bs-popper] {
    padding-left: 0.85rem;
  }

  #CollapsingNavbar .navbar-form {
    width: 100%;
    margin-top: 1.5rem;
  }

  #CollapsingNavbar .menu--account {
    width: 100%;
    margin-top: 1.5rem;
  }

  #CollapsingNavbar .menu--account .nav,
  #CollapsingNavbar .navbar-form .nav,
  #CollapsingNavbar .navbar-form ul {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    padding-left: 0;
    list-style: none;
  }

  #CollapsingNavbar .navbar-form .block,
  #CollapsingNavbar .navbar-form .menu,
  #CollapsingNavbar .navbar-form .nav {
    width: 100%;
  }

  #CollapsingNavbar .menu--account .nav-link,
  #CollapsingNavbar .navbar-form .nav-link {
    text-align: left;
  }

  #CollapsingNavbar > .block,
  #CollapsingNavbar > nav,
  #CollapsingNavbar > div,
  #CollapsingNavbar .block-content-basic {
    width: 100%;
  }

  #CollapsingNavbar .block-content-basic {
    margin-top: 1rem;
  }

  #CollapsingNavbar .cbp-cta-menu,
  #CollapsingNavbar .cbp-cta-menu .btn {
    width: 100%;
  }

  #CollapsingNavbar .cbp-subnav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #222;
    flex: 0 0 auto;
  }

  #CollapsingNavbar .cbp-subnav-toggle span::before {
    content: "+";
    font-size: 1rem;
    line-height: 1;
  }

  #CollapsingNavbar .dropdown.is-open > .cbp-subnav-toggle span::before {
    content: "\2212";
  }
}

@media (max-width: 33.9em) {
  .navbar-toggleable-xs .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

@media (max-width: 47.9em) {
  .navbar-toggleable-sm .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}
