<header class="">
  <div class="marketing-nav-wrapper">
  {%- assign courses = my_content.courses -%}
    <nav
      class="marketing-nav marketing-nav__primary hh-margin-t"
      id="ShopifyMainNav"
      itemscope="itemscope"
      itemtype="https://schema.org/SiteNavigationElement"
      role="navigation"
      aria-label="Main Navigation"
      style="background-color: white !important; display: flex; justify-content: space-evenly; padding-right: 0; padding-left: 0;"
      >
        <a href="{{ current_school.logo_navigation_url }}" class="uk-brand marketing-nav__logo" style="display: flex; margin-right: 0;">
          <img style="height: 80%;" src="https://s3.amazonaws.com/static.northpass.com/Hanna+University/Rand+Realty/rand-realty-logo.png" alt="{{ current_school.name }}">
        </a>
      <div class="uk-navbar-flip">
        <!-- uk-hidden-small -->
        <ul class="hh-desktop-nav  marketing-nav__items marketing-nav__user">

          <li class="hh-search" style="padding-top: 15px;">
           <div class="marketing-nav__item marketing-nav__item--user">
            {% include "search_form" with "" %}
           </div>
          </li>

          <li>
            <a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Home
            </a>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Courses
            </a>
            <div class="survey-tooltip">
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR CORE Companion" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRCORECompanion">HH|RR CORE Companion</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Sales Skills" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRSalesSkills">HH|RR Sales Skills</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Streamline Your Business" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRStreamlineYourBusiness">HH|RR Streamline Your Business</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Marketing Your Business" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRMarketingYourBusiness">HH|RR Marketing Your Business</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Real Estate Essentials" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Real Estate Specialties" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#RealEstateSpecialties">Real Estate Specialties</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Health & Wellness" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HealthWellness">Health & Wellness</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/workshops-events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Workshops
            </a>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/calendar" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Calendar
            </a>
          </li>
          <li class="live-workshops">
            <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Affiliated Learning Links
            </a>
            <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
              </div>
              <div class="white-background">
                <a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
              </div>

              {% if current_person.properties.state contains 'OH' %}
                <div class="white-background">
                  <a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
                </div>
              {% endif %}
              {% if current_person.properties.state contains 'PA' %}
                <div class="white-background">
                  <a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
                </div>
              {% endif %}
              {% if current_person.properties.state contains 'VA' %}
              <div class="white-background">
                <a href="https://www.moseley.org/" target="_blank">Moseley</a>
              </div>
              {% endif %}
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
              </div>
              <div class="white-background">
                <a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
              </div>
              <div class="white-background">
                <a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
              </div>
              <div class="white-background">
                <a href="/c/b02b0b8d3f12648feea34409fc358e1c26250072#skip_me" target="_blank">
                  Obtain Your Florida Real Estate License
                </a>
              </div>
            </div>
          </li>
{%- comment -%}
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Checklists & Resources
            </a>
          </li> {%- endcomment -%}

          <li class="live-workshops">
            <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              {{current_person.name}}
            </a>
              <div class="survey-tooltip">
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
                </div>
              </div>
            </li>
        </ul>
        <!-- uk-visible-small -->
        <div class="hh-mobile-nav ">
          {% search %}
            <button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
            </button>
          {% endsearch %}

          {% catalog_search %}
            <button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
            </button>
          {% endcatalog_search %}
          <a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
        </div>
      </div>
    </nav>
  </div>
</header>

{% search %}
  <div id="mobile-search" class="school-website-header  uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
    {% include "search_form" with "" %}
    <a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">Back</a>
  </div>
{% endsearch %}

{% catalog_search %}
  <div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
    {% include "catalog_search_form" with "" %}
    <a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
  </div>
{% endcatalog_search %}

<div id="mobile-nav" class="uk-offcanvas">
  <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
    <ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
                <li class="hh-search" style="padding-top: 15px;">
           <div class="marketing-nav__item marketing-nav__item--user">
            {% include "search_form" with "" %}
           </div>
          </li>

          <li>
            <a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Home
            </a>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Courses
            </a>
            <div class="survey-tooltip">
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR CORE Companion" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRCORECompanion">HH|RR CORE Companion</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Sales Skills" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRSalesSkills">HH|RR Sales Skills</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Streamline Your Business" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRStreamlineYourBusiness">HH|RR Streamline Your Business</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "HH|RR Marketing Your Business" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HHRRMarketingYourBusiness">HH|RR Marketing Your Business</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Real Estate Essentials" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Real Estate Specialties" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#RealEstateSpecialties">Real Estate Specialties</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Health & Wellness" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HealthWellness">Health & Wellness</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/workshops-events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Workshops
            </a>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/calendar" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Calendar
            </a>
          </li>
          <li class="live-workshops">
            <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Affiliated Learning Links
            </a>
            <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
              </div>
              <div class="white-background">
                <a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
              </div>

              {% if current_person.properties.state contains 'OH' %}
                <div class="white-background">
                  <a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
                </div>
              {% endif %}
              {% if current_person.properties.state contains 'PA' %}
                <div class="white-background">
                  <a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
                </div>
              {% endif %}
              {% if current_person.properties.state contains 'VA' %}
              <div class="white-background">
                <a href="https://www.moseley.org/" target="_blank">Moseley</a>
              </div>
              {% endif %}
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
              </div>
                <div class="white-background">
                <a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
              </div>
              <div class="white-background">
                <a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
              </div>

            </div>
          </li>

          {%- comment -%} <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Checklists & Resources
            </a>
          </li> {%- endcomment -%}

          <li class="live-workshops">
              <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">{{ current_person.name }}</a>
              <div class="survey-tooltip">
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
                </div>
              </div>
            </li>
        </ul>
  </div>
</div>

<style>

  .school-website-header {
    box-shadow: none !important;
  }

  .survey-tooltip {
    max-height: 400px;
    overflow: scroll;
    visibility: hidden;
    width: 300px;
    position: absolute;
    line-height: 3.5;
    min-height: 110px;
    font-size: 15px;
    border-radius: 3px;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.08);
    transition: 0.1s;
    z-index: 10;
  }

  .live-workshops:hover .survey-tooltip {
    visibility: visible;
  }

  .survey-tooltip:hover {
    visibility: visible;
  }

  .white-background {
    background-color: rgb(249, 250, 252);
    padding: 0 20px;
  }

  .white-background {
    line-height: 2;
    padding: 10px 20px;
    background: #fff;
  }
  .survey-tooltip {
    min-height: 10px !important;
  }
  .hh-coaching {
    line-height: 2;
    padding: 10px 20px;
  }

</style>
