<header class="container-fluid header-global fixed-top">
  <nav id="headerGlobalNavbar" class="navbar navbar-expand-lg header-global__navbar--padding">
    <a class="navbar-brand header-global__brand" href="/" aria-label="Kankakee Community College Home Page">

{% include svg/kcc.html %}

</a>
<button id="openSearchButton"
  role="button"
  class="header-global__search-icon"
  aria-label="Open Search"
  aria-hidden="false"
  tabindex="0">
  <span id="searchImg"
  style="background-image: url('{{ page.baseurl }}assets/img/search.svg')"
  class="header-global__nav--search-icon"
  alt="Search icon"></span>
</button>
<div id="searchCollapse" aria-hidden="true" class="header-global__search-collapse">
  <gcse:searchbox-only resultsUrl="{{ page.baseurl }}search/"></gcse:searchbox-only>
</div>
<button id="closeSearchButton"
  role="button"
  class="header-global__close-icon header-global__close-icon--hidden"
  aria-label="Close Search"
  aria-hidden="true"
  tabindex="-1">
    <span id="searchImg" style="background-image: url('{{ page.baseurl }}assets/img/x.svg')" class="header-global__nav--close-icon" alt="Close icon"></span>
</button>
<button class="navbar-toggler ml-auto header-global__navbar--toggler"
  type="button"
  data-toggle="collapse"
  data-target="#headerGlobalNavbarContent"
  aria-controls="headerGlobalNavbarContent"
  aria-expanded="false"
  aria-label="Toggle navigation">
  <span class="navbar-toggler-icon"></span>
</button>
<a href="https://my.kcc.edu"
  target="_blank"
  rel="noopener"
  class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top btn buttons__my-kcc buttons__my-kcc--mobile typography__my-kcc d-block d-lg-none">
  My KCC
</a>
  <div class="collapse navbar-collapse flex-column{% if site.core_site == true %} header-global__core{% endif %}" id="headerGlobalNavbarContent">

{% include nav-global-top.html %} {% include nav-global-bottom.html %} {% if site.core_site != true %}{% include nav-global-local.html %}{% endif %}

    </div>
  </nav>
</header>