<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;"
      >
      <a href="{{ current_school.logo_navigation_url }}" class="uk-brand">

        {% if current_school.logo_url %}
        <div class="marketing-nav__logo" style="margin-top: 20px; margin-right: 0;">
          <a href="/">
            <img src="{{ current_school.logo_url }}" alt="{{ current_school.name }}">
          </a>
        </div>
        {% else %}
          <span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
        {% endif %}
      </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 "Agent Fundamentals for the Newly Licensed" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#AgentFundamentalsForTheNewlyLicensed">Agent Fundamentals for the Newly Licensed</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Career Development: Sales, Planning & More" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#CareerDevelopmentSalesPlanningAndMore">Career Development: Sales, Planning & More</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Hanna Advantage & Value Proposition" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HannaAdvantageAndValueProposition">Hanna Advantage & Value Proposition</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {% if current_person.properties.access_level == 'region-admin' or
                    current_person.properties.access_level == 'office-owner' or
                    current_person.properties.access_level == 'Global Admin in Moxiworks' or
                    current_person.properties.access_level == 'Regional Manager' or
                    current_person.properties.access_level == 'Sales Office Manager' or
                    current_person.properties.access_level == 'Corporate Manager' or
                    current_person.properties.access_level == 'manager'
              %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#HowardHannaManagement">Howard Hanna Management</a>
              </div>
              {% endif %}
              {%- for course in courses -%}
                {% if course.course_category_names contains "H-Suite Tech Tools" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#HSuiteTechTools">H-Suite Tech Tools</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Marketing Skills and Strategies" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#MarketingSkillsAndStrategies">Marketing Skills and Strategies</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Support Staff Development" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#SupportStaffDevelopment">Support Staff Development</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}
              {%- for course in courses -%}
                {% if course.course_category_names contains "Technical Support" %}
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/#TechnicalSupport">Technical Support</a>
                </div>
                {%break%}
                {%- endif -%}
              {%- endfor -%}

            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Workshops
            </a>
            {% comment %} <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
              </div>
              <div class="white-background">
                <a href="">In-Person Registration</a>
              </div>
            </div> {% endcomment %}
          </li>
          <li class="live-workshops">
            <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Pre-Recorded Webinars
            </a>
            <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Town Halls</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/07544807-2a28-43b1-82cf-3d849a048308/cover" target="_blank">Wednesday Webinars</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/8ba96bed-aea6-475e-adc7-100f5ad724e2/cover" target="_blank">Tech Tuesdays</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/c/09fdf3c14175177f417d33be514378d3ba464602" target="_blank">HannaCon 2022: Stronger Together</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/8bbd1af2-87e6-418d-a5d9-c1db68563a55/cover" target="_blank">MarTech Updates</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/ad754743-25d3-411f-a432-5b5823d7e112/cover" target="_blank">Real Estate Skills</a>
              </div>

              <div class="white-background">
                {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
                <a href="https://www.hannauniversity.com/courses/d4d6e084-6809-4c02-bc93-229f7896f9ef/cover" target="_blank">Rand: The Great Week Call</a>
                {% else %}
                <a href="https://www.hannauniversity.com/courses/bee10a53-10c0-4eb0-aabe-6ef6e37df4bd/cover" target="_blank">Howard Hanna Rand Realty</a>
                {% endif %}
              </div>
            </div>

          </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">


              {% for group in current_person.groups %}
                {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
                    <div class="white-background">
					  <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
                    </div>
                {% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                          group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
                    <div class="white-background">
                      <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
                    </div>
                {% endif %}
              {% endfor %}

              {% for group in current_person.groups %}
                {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
                    <div class="white-background">
                      <a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
                    </div>
                {% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                          group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
                    <div class="white-background">
                      <a href="https://howardhanna.theceshop.com/" target="_blank">The CE Shop</a>
                    </div>
                    <div class="white-background">
                      <a href="https://blog.narrpr.com/l/howard-hanna/" target="_blank">RPR Howard Hanna</a>
                    </div>
                {% endif %}
              {% endfor %}

              {% 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>
          {% for group in current_person.groups %}
            {% if group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                  group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d"  %}
                <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>
             {% endif %}
          {% endfor %}
          <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 "Advanced Sales Skills" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AdvancedSalesSkills">Advanced Sales Skills</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Agent Support Staff Development" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AgentSupportStaffDevelopment">Agent Support Staff Development</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Core Services & Our Partners" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#CoreServicesTraining">Core Services & Our Partners</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Hanna Advantage" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#HannaAdvantage">Hanna Advantage</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 -%}

              {% if current_person.properties.access_level == 'region-admin' or
                    current_person.properties.access_level == 'office-owner' or
                    current_person.properties.access_level == 'Global Admin in Moxiworks' or
                    current_person.properties.access_level == 'Regional Manager' or
                    current_person.properties.access_level == 'Sales Office Manager' or
                    current_person.properties.access_level == 'Corporate Manager' or
                    current_person.properties.access_level == 'manager'
              %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#HowardHannaManagement">Howard Hanna Management</a>
              </div>
              {% endif %}
            {%- for course in courses -%}
              {% if course.course_category_names contains "IT HELP" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#ithelp">IT HELP</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Marketing Skills and Strategies" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Marketing Technology Differentiators" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#MarketingTechnologyDifferentiators">Marketing Technology Differentiators</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "New Agent Development" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#NewAgentDevelopment">New Agent Development</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 -%}
            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Workshops
            </a>
            {% comment %} <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
              </div>
              <div class="white-background">
                <a href="">In-Person Registration</a>
              </div>
            </div> {% endcomment %}
          </li>
          <li class="live-workshops">
            <a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Pre-Recorded Webinars
            </a>
            <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Town Halls</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/07544807-2a28-43b1-82cf-3d849a048308/cover" target="_blank">Wednesday Webinars</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/8ba96bed-aea6-475e-adc7-100f5ad724e2/cover" target="_blank">Tech Tuesdays</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/c/09fdf3c14175177f417d33be514378d3ba464602" target="_blank">HannaCon 2022: Stronger Together</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/8bbd1af2-87e6-418d-a5d9-c1db68563a55/cover" target="_blank">MarTech Updates</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/ad754743-25d3-411f-a432-5b5823d7e112/cover" target="_blank">Real Estate Skills</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/bee10a53-10c0-4eb0-aabe-6ef6e37df4bd/cover" target="_blank">Howard Hanna Rand Realty</a>
              </div>
            </div>

          </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">


              {% for group in current_person.groups %}
                {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
                    <div class="white-background">
                      <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
                    </div>
                {% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                          group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
                    <div class="white-background">
                      <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
                    </div>
                {% endif %}
              {% endfor %}

              {% for group in current_person.groups %}
                {% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
                    <div class="white-background">
                      <a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
                    </div>
                {% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                          group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
                    <div class="white-background">
                      <a href="https://howardhanna.theceshop.com/" target="_blank">The CE Shop</a>
                    </div>
                    <div class="white-background">
                      <a href="https://blog.narrpr.com/l/howard-hanna/" target="_blank">RPR Howard Hanna</a>
                    </div>
                {% endif %}
              {% endfor %}

              {% 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>
          {% for group in current_person.groups %}
            {% if group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
                  group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d"  %}
                <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>
             {% endif %}
          {% endfor %}
          <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>
