<div class="page page--white">

    <header class="page__header">
        <a href="#content" class="page__skip-to-content">Skip to content</a>
        <div class="header" data-header>
            <div class="header__container">
                <div class="header__logo">
                    <a href="/">
                        <span class="header__logo-text">
                            National Network of Public Health Institutes
                        </span>
                        <svg role="none" aria-hidden="true" width="292" height="32" viewBox=" 0 0 292 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <title>National Network of Public Health Institutes (NNPHI)</title>
                            <g>
                                <path d="M22.38.55v9.993c0 3.423.055 6.847.176 10.31L12.594.617H0V31.55h8.288v-7.803c0-5.017-.094-10.006-.27-15.036l11.366 22.826h11.285V.617L22.38.55z" fill="#520B4E" />
                                <path d="M117.707.616v11.36h-13.404V.616h-8.639V31.55h8.639V19.155h13.404V31.55h8.639V.616h-8.639zM138.508.616h-8.639V31.55h8.639V.616z" fill="#4ABDED" />
                                <path d="M64.86 14.112V.616h-8.288v9.913c0 1.3 0 2.27.027 3.583h8.261z" fill="#520B4E" />
                                <path d="M68.383 31.55h8.64l-.041-7.724h-8.64l.041 7.724zM50.444 22.367h32.41c6.681 0 11.446-3.08 12.823-7.883.27-.929.405-1.938.405-2.986 0-1.048-.135-2.097-.405-3.039C94.341 3.67 89.765.63 83.3.63H68.397v13.497h8.639V7.384h5.062c3.617 0 5.156 1.433 5.156 4.114 0 2.68-1.539 4.114-5.156 4.114H47.204" fill="#4ABDED" />
                                <path d="M58.273 23.813l-1.58-3.105L46.8.616H34.191V31.55h8.288v-7.803c0-5.03-.094-10.006-.256-15.036l11.366 22.825h11.285V23.8" fill="#520B4E" />
                                <path d="M142.139 1.12h-1.093V.616h2.808v.504h-1.094v2.933h-.607V1.12h-.014zM145.703 4.04l-.891-2.774V4.04h-.594V.616h.945l.85 2.734.837-2.734h.945V4.04h-.594V1.266l-.891 2.774h-.621.014z" fill="#4ABDED" />
                                <path d="M154.693 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.04-2.455-.04-3.676V8.008h1.323v9.714h-1.715l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM167.935 17.722c-.121-.412-.175-.836-.189-1.473-.391.929-1.296 1.632-2.551 1.632-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.318v-.359c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.805 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.281-.796c1.134 0 2.092-.61 2.092-1.752v-.836l-1.525.239c-1.283.199-1.809.637-1.809 1.327s.391 1.008 1.242 1.008v.014zM172.808 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM176.115 8.008v1.22H174.9v-1.22h1.215zm0 2.64v7.074H174.9v-7.073h1.215zM181.015 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707-1.214 0-2.24 1.048-2.24 2.707 0 1.659 1.026 2.707 2.24 2.707zM187.103 10.649v1.42c.364-.943 1.161-1.58 2.403-1.58s2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.194-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-7.073h1.188zM198.037 17.722c-.122-.412-.176-.836-.189-1.473-.392.929-1.296 1.632-2.552 1.632-1.255 0-2.011-.544-2.011-1.871s.716-1.898 2.592-2.19l1.944-.318v-.359c0-1.194-.635-1.672-1.634-1.672-.999 0-1.592.319-1.66 1.62h-1.093c.054-1.805 1.363-2.615 2.834-2.615 1.472 0 2.741.969 2.741 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.282-.796c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.239c-1.282.199-1.808.637-1.808 1.327s.391 1.008 1.241 1.008v.014zM202.1 7.849v9.873h-1.215V7.849h1.215zM208.836 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.041-2.455-.041-3.676V8.008h1.323v9.714h-1.714l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM218.501 14.271c.04 1.646.999 2.628 2.254 2.628s1.687-.716 1.863-1.54h1.107c-.23 1.514-1.404 2.535-2.997 2.535s-3.456-1.446-3.456-3.702c0-2.256 1.391-3.703 3.402-3.703s3.078 1.54 3.051 3.782h-5.224zm.094-.955h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM227.139 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM230.474 17.722l-2.133-7.073h1.282l1.728 6.277h.04l1.688-6.277h1.633l1.62 6.277h.054l1.701-6.277h1.215l-2.201 7.073h-1.66l-1.606-5.866-1.715 5.866h-1.66.014zM243.27 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707s-2.24 1.048-2.24 2.707c0 1.659 1.025 2.707 2.24 2.707zM249.358 10.649V12.4c.31-1.088 1.012-1.818 1.984-1.818s.459.013.621.067v1.035h-.702c-1.161 0-1.863.557-1.863 2.057v3.98h-1.214V10.65h1.187-.013zM255.959 13.688l3.307 4.034h-1.471l-1.296-1.632c-.432-.544-.877-1.089-1.296-1.633l-.972 1.009v2.256h-1.214V7.849h1.214v6.29l3.213-3.477h1.444l-2.915 3.039-.014-.013zM265.692 17.855c-.284 0-.54-.053-.797-.16a1.86 1.86 0 01-.648-.477c-.189-.213-.324-.478-.432-.783a3.09 3.09 0 01-.162-1.035c0-.385.108-1.049.311-1.566.202-.518.472-.97.81-1.367a4.543 4.543 0 011.134-.969c.432-.239.863-.372 1.322-.372.459 0 .581.054.824.16.256.106.472.265.648.477.175.213.324.452.418.744.108.292.162.61.162.955 0 .518-.108 1.035-.31 1.553a5.594 5.594 0 01-.81 1.406 4.389 4.389 0 01-1.148 1.022c-.431.266-.877.398-1.322.398v.014zm.067-.624c.284 0 .567-.146.837-.425a4.22 4.22 0 00.742-1.088c.216-.438.405-.916.54-1.433a5.843 5.843 0 00.203-1.473c0-.465-.081-.73-.23-.89-.148-.159-.364-.238-.634-.238s-.365.066-.554.186a2.431 2.431 0 00-.526.517 6.627 6.627 0 00-.472.756 6.648 6.648 0 00-.621 1.872 5.95 5.95 0 00-.081.955c0 .451.081.783.229.969a.696.696 0 00.567.279v.013zM271.645 16.833c-.216.836-.432 1.513-.648 2.043-.216.531-.446.943-.702 1.248a1.963 1.963 0 01-.81.624 2.49 2.49 0 01-.972.172c-.365 0-.635-.093-.864-.265-.229-.186-.337-.398-.337-.664 0-.265.054-.371.161-.478.108-.119.257-.172.446-.172s.297.04.364.133c.068.093.122.185.162.292.041.106.095.199.162.292.054.092.176.132.338.132.162 0 .364-.093.526-.292.162-.199.284-.45.365-.77l1.809-6.9h-1.202l.162-.557h1.188c.189-.73.378-1.354.594-1.872.216-.517.445-.942.702-1.274.256-.331.513-.57.796-.716.284-.146.581-.226.905-.226.486 0 .891.106 1.215.305.31.2.472.452.472.757s-.054.345-.162.478a.542.542 0 01-.445.199c-.189 0-.284-.027-.365-.08a.663.663 0 01-.202-.226 1.135 1.135 0 01-.095-.278l-.081-.279a.514.514 0 00-.148-.226c-.068-.053-.162-.08-.297-.08-.135 0-.324.094-.486.266a3.026 3.026 0 00-.473.73 7.54 7.54 0 00-.418 1.115c-.135.438-.257.902-.365 1.42h1.256l-.176.557h-1.215l-1.174 4.618.014-.026zM153.356 21.677h4.266c2.146 0 3.537 1.14 3.537 3.012 0 1.871-1.404 3.012-3.537 3.012h-2.929v3.703h-1.323V21.69l-.014-.014zm4.252 4.896c1.418 0 2.187-.703 2.187-1.897 0-1.195-.769-1.898-2.187-1.898h-2.929v3.782h2.929v.013zM167.179 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM171.525 21.517v4.46c.351-1.05 1.283-1.819 2.457-1.819 1.714 0 3.132 1.447 3.132 3.703s-1.499 3.702-3.092 3.702c-1.592 0-2.159-.756-2.537-1.805v1.646h-1.188V21.53h1.215l.013-.014zm4.32 6.33c0-1.685-.986-2.707-2.214-2.707s-2.133.743-2.133 2.548v.332c0 1.791 1.067 2.548 2.133 2.548s2.214-1.022 2.214-2.707v-.014zM179.719 21.517v9.874h-1.215v-9.874h1.215zM182.878 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM189.546 26.76c-.229-1.01-.769-1.62-1.835-1.62-1.067 0-2.174 1.022-2.174 2.707 0 1.686 1.026 2.707 2.174 2.707 1.147 0 1.66-.61 1.876-1.618h1.134c-.203 1.552-1.256 2.614-3.024 2.614s-3.442-1.447-3.442-3.703 1.62-3.702 3.442-3.702 2.821 1.022 2.97 2.614h-1.134.013zM196.889 21.677v4.113h5.589v-4.113h1.323v9.714h-1.323v-4.486h-5.589v4.486h-1.323v-9.714h1.323zM206.567 27.927c.041 1.646.999 2.628 2.254 2.628 1.256 0 1.688-.717 1.863-1.54h1.107c-.229 1.513-1.404 2.535-2.996 2.535-1.593 0-3.456-1.447-3.456-3.703s1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM217.434 31.39c-.121-.41-.175-.835-.189-1.473-.391.93-1.296 1.633-2.551 1.633-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.319v-.358c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.806 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.667c0 .903.081 1.54.216 2.03h-1.188zm-2.295-.809c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.24c-1.282.198-1.809.636-1.809 1.326 0 .69.392 1.009 1.242 1.009v.013zM221.497 21.517v9.874h-1.215v-9.874h1.215zM225.452 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.646v.995h-1.646v4.088c0 .783.297 1.048 1.093 1.048h.553v.956c-.256.04-.54.066-.958.066zM228.759 21.517v4.154c.378-.902 1.161-1.513 2.376-1.513 1.214 0 2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.195-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-9.874h1.215zM240.206 21.677v9.714h-1.323v-9.714h1.323zM243.473 24.317v1.42c.364-.942 1.161-1.579 2.403-1.579s2.389 1.075 2.389 2.72v4.512h-1.215v-4.26c0-1.194-.621-1.963-1.755-1.963s-1.795.756-1.795 1.964v4.26h-1.215v-7.074h1.188zM250.614 29.387c.081.716.607 1.194 1.768 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.592-.398-2.51-.862-2.51-2.163 0-1.3 1.08-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.673 0-2.875-.876-2.875-2.163h1.121zM258.456 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM261.763 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM265.719 31.457c-1.269 0-1.904-.597-1.904-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM272.468 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM277.624 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM280.391 27.927c.041 1.646.999 2.628 2.255 2.628 1.255 0 1.687-.717 1.862-1.54h1.107c-.229 1.513-1.403 2.535-2.996 2.535s-3.456-1.447-3.456-3.703 1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.161-1.38-.944-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM287.45 29.387c.081.716.608 1.194 1.769 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.593-.398-2.51-.862-2.51-2.163 0-1.3 1.079-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.674 0-2.875-.876-2.875-2.163h1.12z" fill="#21415B" />
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="header__primary-navigation">
                    <div role="navigation" aria-label="Main Navigation" class="primary-navigation">
                        <ul class="primary-navigation__list">
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Workforce resources
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Workforce resources submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Resource Directory
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Trainings
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    primary-navigation__item-link--active-trail
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Programs & Projects
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Programs & Projects submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Data Modernization
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Environmental Health and Emergency Preparedness
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    primary-navigation-children__item-link--active-trail
                                " href="#">Evaluation and Impact
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Multisector Strategies and Population Health
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public Health Events and Convenings Management
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public Health Infrastructure Grant
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public health training
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Explore the Network
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Explore the Network submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Member Directory
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Membership paths
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#">
                                    <span class="primary-navigation__item-link-text">
                                        Partner with us
                                    </span>
                                </a>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        About
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="About submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Blog
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Events
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Newsletters
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Signature programs
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Contact us
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Meet the team
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="header__utility-navigation">
                    <ul class="utility-navigation ">
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                                Member directory
                            </a>
                        </li>
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                     utility-navigation__item-link--is-active
                ">
                                Events
                            </a>
                        </li>
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                                Blog
                            </a>
                        </li>
                    </ul>
                    <div class="header__search">
                        <div class="quick-search quick-search--on-dark">
                            <form role="search" method="get" id="quick-search-form" class="quick-search__form" action="">
                                <input id="quick-search-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
                                <label for="quick-search-input" class="quick-search__input-label">
                                    Search the website
                                </label>
                                <button type="submit" class="quick-search__button" id="quick-search-submit">
                                    <svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                        <title>search</title>
                                        <path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
                                    </svg>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="header__mobile-navigation-toggle" data-mobile-navigation-toggle>
                    <button aria-label="Toggle main navigation" aria-expanded="false" aria-controls="small-primary-navigation" data-primary-navigation-toggle class="primary-navigation-toggle">
                        <span class="primary-navigation-toggle__open">
                            <span class="primary-navigation-toggle__text">
                                Menu
                            </span>
                            <span class="primary-navigation-toggle__icon">
                                <svg role="none" aria-hidden="true" class="menu" fill="none" height="12" viewBox="0 0 16 12" width="16" xmlns="http://www.w3.org/2000/svg">
                                    <title>menu</title>
                                    <path class="menu__shape" clip-rule="evenodd" d="m15 10c.5523 0 1 .4477 1 1s-.4477 1-1 1h-14c-.552285 0-1-.4477-1-1s.447715-1 1-1zm0-5c.5523 0 1 .44772 1 1s-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1s.447715-1 1-1zm0-5c.5523 0 1 .447715 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1 0-.552285.447715-1 1-1z" fill="#be75f5" fill-rule="evenodd" />
                                </svg>
                            </span>
                        </span>
                        <span class="primary-navigation-toggle__close">
                            <span class="primary-navigation-toggle__text">
                                Close
                            </span>
                            <span class="primary-navigation-toggle__icon">
                                <svg role="none" aria-hidden="true" class="x" fill="none" height="14" viewBox="0 0 15 14" width="15" xmlns="http://www.w3.org/2000/svg">
                                    <title>close</title>
                                    <g class="x__shape" stroke="#be75f5" stroke-linecap="round" stroke-width="2">
                                        <path d="m1.70703 1 11.99997 12" />
                                        <path d="m13.707 1-11.99997 12" />
                                    </g>
                                </svg>
                            </span>
                        </span>
                    </button>
                </div>
            </div>
            <div hidden class="header__mobile-navigation" id="small-primary-navigation" data-small-primary-navigation>
                <div role="navigation" aria-label="Main Navigation" class="small-primary-navigation">
                    <ul class="small-primary-navigation__list">
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Workforce resources
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Workforce resources menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Resource Directory
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Trainings
                                            </a>
                                            <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Trainings menu">
                                                <span class="small-primary-navigation__item-toggle-icon">
                                                    <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                        <title>toggle</title>
                                                        <g>
                                                            <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                        </g>
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>

                                        <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                            <ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
                                                <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                    <div class="small-primary-navigation__item-container">
                                                        <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Training Level 3 example
                                                        </a>
                                                    </div>

                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    small-primary-navigation__item-link--active-trail" href="#">Programs & Projects
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Programs & Projects menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Data Modernization
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Environmental Health and Emergency Preparedness
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        small-primary-navigation__item-link--active-trail
                    " href="#">Evaluation and Impact
                                            </a>
                                            <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Evaluation and Impact menu">
                                                <span class="small-primary-navigation__item-toggle-icon">
                                                    <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                        <title>toggle</title>
                                                        <g>
                                                            <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                        </g>
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>

                                        <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                            <ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
                                                <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                    <div class="small-primary-navigation__item-container">
                                                        <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Third level example
                                                        </a>
                                                        <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="2" class="small-primary-navigation__item-toggle" aria-label="toggle Third level example menu">
                                                            <span class="small-primary-navigation__item-toggle-icon">
                                                                <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                    <title>toggle</title>
                                                                    <g>
                                                                        <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                                    </g>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                    </div>

                                                    <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                                        <ul class="small-primary-navigation__children-list" data-depth="3" data-small-primary-navigation-children data-active="false">
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Fourth level example
                                                                    </a>
                                                                    <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="3" class="small-primary-navigation__item-toggle" aria-label="toggle Fourth level example menu">
                                                                        <span class="small-primary-navigation__item-toggle-icon">
                                                                            <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>toggle</title>
                                                                                <g>
                                                                                    <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                                                </g>
                                                                            </svg>
                                                                        </span>
                                                                    </button>
                                                                </div>

                                                                <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                                                    <ul class="small-primary-navigation__children-list" data-depth="4" data-small-primary-navigation-children data-active="false">
                                                                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                            <div class="small-primary-navigation__item-container">
                                                                                <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Fifth level example
                                                                                </a>
                                                                            </div>

                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Fourth level example 2
                                                                    </a>
                                                                </div>

                                                            </li>
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Fourth level example 3
                                                                    </a>
                                                                </div>

                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Multisector Strategies and Population Health
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public Health Events and Convenings Management
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public Health Infrastructure Grant
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public health training
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Explore the Network
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Explore the Network menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Member Directory
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Membership paths
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Partner with us
                                </a>
                            </div>

                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">About
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle About menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Blog
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Events
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Newsletters
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Signature programs
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Contact us
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Meet the team
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <ul class="utility-navigation  utility-navigation--mobile ">
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                            Member directory
                        </a>
                    </li>
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                     utility-navigation__item-link--is-active
                ">
                            Events
                        </a>
                    </li>
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                            Blog
                        </a>
                    </li>
                </ul>
                <div class="quick-search ">
                    <form role="search" method="get" id="quick-search-small-form" class="quick-search__form" action="">
                        <input id="quick-search-small-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
                        <label for="quick-search-small-input" class="quick-search__input-label">
                            Search the website
                        </label>
                        <button type="submit" class="quick-search__button" id="quick-search-small-submit">
                            <svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                <title>search</title>
                                <path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
                            </svg>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="page__header-breadcrumbs">
            <div class="page__header-breadcrumbs-content">
                <nav aria-label="Breadcrumb navigation" class="breadcrumbs breadcrumbs--white">
                    <ul class="breadcrumbs__list">
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrumbs__item-link">Home</a>
                            <span class="breadcrumbs__separator">
                                <svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
                                    <title>right chevron</title>
                                    <path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
                                </svg>
                            </span>
                        </li>
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrumbs__item-link">Primary Page One</a>
                            <span class="breadcrumbs__separator">
                                <svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
                                    <title>right chevron</title>
                                    <path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
                                </svg>
                            </span>
                        </li>
                        <li class="breadcrumbs__item">
                            <span class="breadcrumbs__item-current">
                                Interior Page One
                            </span>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <main class="page__content" id="content" data-main-page-content>
        <div class="event-header">
            <div class="event-header__container">
                <div class="metadata-eyebrow metadata-eyebrow--purple">
                    <div class="metadata-eyebrow__type">
                        <div class="metadata-eyebrow__type__icon">
                            <svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>calendar</title>
                                <path d="M13 32.5H19.5V39H13V32.5Z" />
                                <path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
                                <path d="M32.5 32.5H39V39H32.5V32.5Z" />
                                <path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
                                <path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
                                <path d="M39 22.75H32.5V29.25H39V22.75Z" />
                                <path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
                            </svg>
                        </div>
                        <div class="metadata-eyebrow__type__label">
                            Event
                        </div>
                    </div>
                    <div class="metadata-eyebrow__separator">|</div>
                    <div class="metadata-eyebrow__date">
                        January 1, 2026
                    </div>
                </div>

                <div class="event-header__content">
                    <h1 class="event-header__title">
                        Lorem nibh felis adipiscing varius adipiscing in lacinia vel tellus urnaior
                    </h1>

                    <div class="event-header__time-location">
                        <div class="event-header__time">
                            <div class="event-header__item-label">
                                Time
                            </div>
                            <div class="event-header__time-value">
                                10:00 AM
                                <span class="event-header__time-separator">–</span>
                                2:00 PM
                            </div>
                        </div>

                        <div class="event-header__location">
                            <div class="event-header__item-label">
                                Location
                            </div>
                            <div class="event-header__location-name">
                                The City Venue
                            </div>
                            <div class="event-header__location-address">
                                123 Main St, City, State, ZIP
                            </div>
                        </div>
                    </div>

                    <div class="event-header__calls-to-action">
                        <a href="#" class="standard-button standard-button--primary standard-button-position--default">
                            <span class="standard-button__text">
                                Register
                            </span>
                            <span class="standard-button__external-link-icon">
                                <svg role="img" class="external-link" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <title>external</title>
                                    <path class="_mark external-link__shape" fill-rule="evenodd" clip-rule="evenodd" d="M12.5858 2H10C9.44771 2 9 1.55228 9 1C9 0.447715 9.44771 0 10 0H16V6C16 6.55228 15.5523 7 15 7C14.4477 7 14 6.55228 14 6V3.41421L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071C3.90237 11.3166 3.90237 10.6834 4.29289 10.2929L12.5858 2ZM2 14H12V9C12 8.44771 12.4477 8 13 8C13.5523 8 14 8.44771 14 9V16H0V2H7C7.55228 2 8 2.44772 8 3C8 3.55228 7.55228 4 7 4H2V14Z" />
                                </svg>
                            </span>
                        </a>
                        <a href="#" class="standard-button standard-button--secondary standard-button-position--default">
                            <span class="standard-button__text">
                                Attend via Zoom
                            </span>
                            <span class="standard-button__external-link-icon">
                                <svg role="img" class="external-link" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                    <title>external</title>
                                    <path class="_mark external-link__shape" fill-rule="evenodd" clip-rule="evenodd" d="M12.5858 2H10C9.44771 2 9 1.55228 9 1C9 0.447715 9.44771 0 10 0H16V6C16 6.55228 15.5523 7 15 7C14.4477 7 14 6.55228 14 6V3.41421L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071C3.90237 11.3166 3.90237 10.6834 4.29289 10.2929L12.5858 2ZM2 14H12V9C12 8.44771 12.4477 8 13 8C13.5523 8 14 8.44771 14 9V16H0V2H7C7.55228 2 8 2.44772 8 3C8 3.55228 7.55228 4 7 4H2V14Z" />
                                </svg>
                            </span>
                        </a>
                    </div>

                    <figure class="event-header__image">
                        <img src="holder.js/980x560?auto=yes&outline=yes" alt="" height="" width="">
                    </figure>
                </div>
            </div>
        </div>

        <div class="event-post">
            <div class="event-post__content">
                <div class="text">

                    <div class="text__content ">
                        <h2>A header passed within the rich text field</h2>
                        <p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
                        <h3>Unordered list</h3>
                        <ul>
                            <li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
                            <li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul>
                                    <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
                                    <li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
                                </ul>
                            </li>
                            <li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
                        </ul>
                        <h3>Ordered list</h3>
                        <ol>
                            <li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
                            <li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
                            <li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
                        </ol>
                    </div>

                </div>

                <div class="call-to-action call-to-action--purpleTint call-to-action--component-width">
                    <div class="call-to-action__container">
                        <div class="call-to-action__content">
                            <div class="call-to-action__text-container">
                                <div class="call-to-action__lead-in-text">
                                    Want to learn more?
                                </div>
                                <p class="call-to-action__description">
                                    Read about NNPHI’s in-house Research and Evaluation programs in our Related Programs section.
                                </p>
                            </div>

                            <div class="call-to-action__button-container">
                                <a href="" class="standard-button standard-button--secondaryDark standard-button-position--default">
                                    <span class="standard-button__text">
                                        Explore our related programs
                                    </span>
                                    <span class="standard-button__chevron-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="accordion accordion--background-is-white">
                    <details class="accordion__item" open>
                        <summary class="accordion__item-label">
                            <span class="accordion__item-label-text-container">
                                <span class="accordion__item-label-text">Item 1</span>
                            </span>
                            <span class="accordion__item-label-icon">
                                <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <title>toggle</title>
                                    <g>
                                        <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                    </g>
                                </svg>
                            </span>
                        </summary>
                        <div class="accordion__item-content">
                            <p>This is the content for item 1</p>
                        </div>
                    </details>
                    <details class="accordion__item">
                        <summary class="accordion__item-label">
                            <span class="accordion__item-label-text-container">
                                <span class="accordion__item-label-text">Item 2 with a rather long title</span>
                            </span>
                            <span class="accordion__item-label-icon">
                                <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <title>toggle</title>
                                    <g>
                                        <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                    </g>
                                </svg>
                            </span>
                        </summary>
                        <div class="accordion__item-content">
                            <h2>A header passed within the rich text field</h2>
                            <p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
                            <hr>
                            <h3>Unordered list</h3>
                            <ul>
                                <li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
                                <li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul>
                                        <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
                                        <li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
                                    </ul>
                                </li>
                                <li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
                            </ul>
                            <h3>Ordered list</h3>
                            <ol>
                                <li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
                                <li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
                                <li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
                            </ol>
                        </div>
                    </details>
                    <details class="accordion__item">
                        <summary class="accordion__item-label">
                            <span class="accordion__item-label-text-container">
                                <span class="accordion__item-label-text">Item 3</span>
                            </span>
                            <span class="accordion__item-label-icon">
                                <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <title>toggle</title>
                                    <g>
                                        <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                    </g>
                                </svg>
                            </span>
                        </summary>
                        <div class="accordion__item-content">
                            <p>This is the content for item 3</p>
                        </div>
                    </details>
                </div>
                <div class="text">

                    <div class="text__content ">
                        <h2>A header passed within the rich text field</h2>
                        <p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
                        <h3>Unordered list</h3>
                        <ul>
                            <li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
                            <li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul>
                                    <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
                                    <li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
                                </ul>
                            </li>
                            <li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
                        </ul>
                        <h3>Ordered list</h3>
                        <ol>
                            <li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
                            <li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
                            <li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
                        </ol>
                    </div>

                </div>
                <div class="quote quote--background-is-white">
                    <div class="quote__container">
                        <div class="quote__icon">
                            <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 20">
                                <title>quote</title>
                                <path fill-rule="evenodd" d="M24 10h-4.5c0-3.162 1.586-4.814 4.5-5V0c-5 0-8.078 2.17-9.318 6.262C14.186 7.998 14 10.106 14 13.64V20h10V10zm-14 0H5.5c0-3.162 1.586-4.814 4.5-5V0C5 0 1.922 2.17.682 6.262.186 7.998 0 10.106 0 13.64V20h10V10z" />
                            </svg>
                        </div>

                        <figure class="quote__text-container">
                            <blockquote class="quote__text">
                                I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
                            </blockquote>
                            <figcaption class="quote__attribution">
                                Maya Angelou
                            </figcaption>
                        </figure>

                    </div>
                </div>

                <div class="profile-cards">
                    <div class="profile-cards__content">
                        <div class="profile-cards__header">
                            <h2 class="profile-cards__title">
                                Profile Cards
                            </h2>
                            <div class="profile-cards__more-link">
                                <a href="#" class="standard-button standard-button--secondary standard-button-position--default">
                                    <span class="standard-button__text">
                                        See all
                                    </span>
                                    <span class="standard-button__chevron-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="profile-card__item">
                            <div class="
        profile-card
                    profile-card--background-is-white
            ">
                                <img class="profile-card__image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                                <div class="profile-card__info">
                                    <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="">Wendy D. Sanchez<span class="linked-text-with-icon__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span></a>
                                    <div class="profile-card__title">
                                        Program Manager-Partner Relations
                                    </div>
                                    <div class="profile-card__badges">
                                        <ul class="tag-badge-list ">
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    NNPHI Staff
                                                </span>
                                            </li>
                                            <li class="tag-badge-list__item">
                                                <span class="tag-badge  tag-badge--white tag-badge--border">
                                                    PHI Expert Guide
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="link-cards link-cards--background-is-white">
                    <div class="link-cards__card">
                        <img class="link-cards__card-image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                        <div class="link-cards__card-info">
                            <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="#">Link Text<span class="linked-text-with-icon__chevron-icon">
                                    <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                        <title>right chevron</title>
                                        <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                    </svg>
                                </span></a>
                            <div class="link-cards__card-description">
                                <p>This is the link card description. It is about twelve words long.</p>
                            </div>
                        </div>
                    </div>
                    <div class="link-cards__card">
                        <img class="link-cards__card-image" src="holder.js/450x450?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                        <div class="link-cards__card-info">
                            <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="#">Link Text<span class="linked-text-with-icon__external-link-icon">
                                    <svg role="img" class="external-link" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                        <title>external</title>
                                        <path class="_mark external-link__shape" fill-rule="evenodd" clip-rule="evenodd" d="M12.5858 2H10C9.44771 2 9 1.55228 9 1C9 0.447715 9.44771 0 10 0H16V6C16 6.55228 15.5523 7 15 7C14.4477 7 14 6.55228 14 6V3.41421L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071C3.90237 11.3166 3.90237 10.6834 4.29289 10.2929L12.5858 2ZM2 14H12V9C12 8.44771 12.4477 8 13 8C13.5523 8 14 8.44771 14 9V16H0V2H7C7.55228 2 8 2.44772 8 3C8 3.55228 7.55228 4 7 4H2V14Z" />
                                    </svg>
                                </span></a>
                            <div class="link-cards__card-description">
                                <p>This is the <strong>link card description</strong>. It is longer than the <a href="#">other card descriptions</a>, about <em>eighteen</em> words long.</p>
                            </div>
                        </div>
                    </div>
                    <div class="link-cards__card">
                        <img class="link-cards__card-image" src="holder.js/450x300?auto=yes&outline=yes&random=yes" width="450" height="450" alt='placeholder' />
                        <div class="link-cards__card-info">
                            <a class="linked-text-with-icon linked-text-with-icon--bodyLarge" href="#">Link Text<span class="linked-text-with-icon__chevron-icon">
                                    <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                        <title>right chevron</title>
                                        <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                    </svg>
                                </span></a>
                            <div class="link-cards__card-description">
                                <p>This is the link card description. It is about twelve words long.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="link-list link-list--background-is-white">
                    <ul class="link-list__list">
                        <li class="link-list__item">
                            <a class="linked-text-with-icon linked-text-with-icon--linkList" href="#">Internal link<span class="linked-text-with-icon__chevron-icon">
                                    <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                        <title>right chevron</title>
                                        <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                    </svg>
                                </span></a>
                        </li>
                        <li class="link-list__item">
                            <a class="linked-text-with-icon linked-text-with-icon--linkList" href="#">External link<span class="linked-text-with-icon__external-link-icon">
                                    <svg role="img" class="external-link" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                        <title>external</title>
                                        <path class="_mark external-link__shape" fill-rule="evenodd" clip-rule="evenodd" d="M12.5858 2H10C9.44771 2 9 1.55228 9 1C9 0.447715 9.44771 0 10 0H16V6C16 6.55228 15.5523 7 15 7C14.4477 7 14 6.55228 14 6V3.41421L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071C3.90237 11.3166 3.90237 10.6834 4.29289 10.2929L12.5858 2ZM2 14H12V9C12 8.44771 12.4477 8 13 8C13.5523 8 14 8.44771 14 9V16H0V2H7C7.55228 2 8 2.44772 8 3C8 3.55228 7.55228 4 7 4H2V14Z" />
                                    </svg>
                                </span></a>
                        </li>
                        <li class="link-list__item">
                            <a class="linked-text-with-icon linked-text-with-icon--linkList" href="#" download>Download link<span class="linked-text-with-icon__download-icon">
                                    <svg role="img" class="download" viewBox="0 0 16 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <title>download</title>
                                        <path d="M8.49957 0H7.48957C7.21957 0 6.98957 0.22 6.98957 0.5V8.09L5.54957 6.65C5.35957 6.46 5.03957 6.46 4.84957 6.65L4.13957 7.36C3.94957 7.55 3.94957 7.87 4.13957 8.06L7.99957 11.92L11.8596 8.06C12.0496 7.87 12.0496 7.55 11.8596 7.36L11.1496 6.65C10.9596 6.46 10.6396 6.46 10.4496 6.65L9.00957 8.09V0.5C9.00957 0.23 8.78957 0 8.50957 0H8.49957Z" />
                                        <path d="M0.5 1H4.51C4.78 1 5.01 1.22 5.01 1.5V2.51C5.01 2.78 4.79 3.01 4.51 3.01H2.5C2.23 3.01 2 3.23 2 3.51V12.52C2 12.79 2.22 13.02 2.5 13.02H13.51C13.78 13.02 14.01 12.8 14.01 12.52V3.5C14.01 3.23 13.79 3 13.51 3H11.5C11.23 3 11 2.78 11 2.5V1.49C11 1.22 11.22 0.99 11.5 0.99H15.51C15.78 0.99 16.01 1.21 16.01 1.49V14.5C16.01 14.77 15.79 15 15.51 15H0.5C0.23 15 0 14.78 0 14.5V1.5C0 1.23 0.22 1 0.5 1Z" />
                                    </svg>
                                </span></a>
                        </li>
                    </ul>
                </div>

                <div class="topic-block
		    		    		    topic-block--purpleTint
		    ">
                    <div class="topic-block__content">
                        <div class="topic-block__image-container">
                            <img class="topic-block__image" loading="lazy" height="" width="" src="holder.js/800x650?auto=yes&random=yes" alt="placeholder">
                        </div>
                        <div class="topic-block__text-content">
                            <div class="topic-block__text-content__inner">
                                <h2 class="topic-block__header">A header for this component</h2>
                                <div class="topic-block__text">
                                    <p>Lorem ipsum dolor sit amet, consectetur <em>adipiscing</em> elit. <strong>Aenean euismod bibendum laoreet.</strong> Proin gravida dolor.</p>
                                </div>
                                <div class="topic-block__button-container">
                                    <a href="#" class="standard-button  standard-button-position--default">
                                        <span class="standard-button__text">
                                            Button text
                                        </span>
                                        <span class="standard-button__chevron-icon">
                                            <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                                <title>right chevron</title>
                                                <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="js-small-main-navigation-overlay small-main-navigation-overlay" data-menu-small-overlay></div>
    </main>

    <footer class="page__footer">
        <div class="footer" data-footer>
            <div class="footer__wrapper">
                <div class="footer__content-container">
                    <div class="footer__main-content">
                        <div class="footer__brand">
                            <a href="/">
                                <span class="footer__logo-text">National Network of Public Health Institutes</span>
                                <svg role="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" width="191.607" height="80.354" viewBox="0 0 191.607 80.354">
                                    <title>National Network of Public Health Institutes (NNPHI)</title>
                                    <path fill="#520b4e" d="M29.015 0v13.252c0 4.54.07 9.08.228 13.673L16.345.105H0v41.022h10.745V30.78c0-6.652-.122-13.269-.35-19.938L25.13 41.11h14.63V.106L29.015.018z" />
                                    <path fill="#4abded" d="M152.6.106v15.046h-17.378V.106h-11.2v41.021h11.2V24.69H152.6v16.437h11.2V.106ZM179.568.106h-11.2v41.021h11.2z" />
                                    <path fill="#520b4e" d="M84.105 18.003V.106H73.36v13.146c0 1.724 0 3.009.035 4.751z" />
                                    <path fill="#4abded" d="M88.672 41.127h11.2l-.07-10.26h-11.2ZM65.398 28.932h42.017c8.663 0 14.84-4.083 16.625-10.454.35-1.232.525-2.57.525-3.96 0-1.39-.175-2.78-.525-4.03C122.308 4.137 116.375.107 107.993.107h-19.32v17.897h11.2v-8.94h6.562c4.69 0 6.685 1.9 6.685 5.456 0 3.555-1.995 5.455-6.685 5.455H61.198" />
                                    <path fill="#520b4e" d="m75.565 30.867-2.047-4.117L60.69.088H44.345V41.11H55.09V30.762c0-6.67-.122-13.27-.332-19.939l14.735 30.27h14.63v-10.26" />
                                    <path fill="#4abded" d="M184.275.757h-1.418V.088h3.64v.669h-1.417v3.889h-.788V.756ZM188.895 4.646 187.74.968v3.678h-.77V.106h1.225l1.102 3.625 1.085-3.625h1.225v4.54h-.77V.968l-1.155 3.678h-.805z" />
                                    <path fill="#21415b" d="M1.855 62.017H.14V49.135h2.223L9.17 59.799c-.035-1.619-.052-3.255-.052-4.874v-5.79h1.715v12.882H8.61L1.803 51.352c.035 1.795.052 3.573.052 5.332V62zM19.023 62.017c-.158-.546-.228-1.109-.245-1.954-.508 1.232-1.68 2.165-3.308 2.165-1.627 0-2.607-.722-2.607-2.482 0-1.76.927-2.516 3.36-2.903l2.52-.423v-.475c0-1.584-.823-2.217-2.118-2.217s-2.065.422-2.152 2.147h-1.418c.07-2.394 1.768-3.467 3.675-3.467 1.908 0 3.553 1.285 3.553 3.379v3.537c0 1.197.105 2.041.28 2.693zm-2.958-1.074c1.47 0 2.713-.81 2.713-2.323v-1.109l-1.978.317c-1.662.264-2.345.845-2.345 1.76s.508 1.338 1.61 1.338zM25.34 62.105c-1.645 0-2.467-.792-2.467-2.534v-5.632h-1.295v-1.32h1.295v-1.988h1.575v1.988h2.135v1.32h-2.135v5.42c0 1.039.385 1.39 1.417 1.39h.718v1.268c-.333.052-.7.088-1.243.088zM29.628 49.135v1.619h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM35.98 52.408c2.555 0 4.55 1.918 4.55 4.91s-2.012 4.91-4.55 4.91c-2.537 0-4.55-1.918-4.55-4.91s2.013-4.91 4.55-4.91zm0 8.5c1.575 0 2.905-1.39 2.905-3.59s-1.33-3.59-2.905-3.59c-1.575 0-2.905 1.39-2.905 3.59s1.33 3.59 2.905 3.59zM43.873 52.637v1.883c.472-1.25 1.505-2.094 3.115-2.094 1.61 0 3.097 1.425 3.097 3.607v5.984H48.51v-5.65c0-1.583-.805-2.604-2.275-2.604-1.47 0-2.328 1.003-2.328 2.605v5.649h-1.574v-9.38zM58.048 62.017c-.158-.546-.228-1.109-.245-1.954-.508 1.232-1.68 2.165-3.308 2.165-1.627 0-2.607-.722-2.607-2.482 0-1.76.927-2.516 3.36-2.903l2.52-.423v-.475c0-1.584-.823-2.217-2.118-2.217s-2.065.422-2.152 2.147H52.08c.07-2.394 1.768-3.467 3.675-3.467 1.908 0 3.553 1.285 3.553 3.379v3.537c0 1.197.105 2.041.28 2.693zm-2.958-1.074c1.47 0 2.713-.81 2.713-2.323v-1.109l-1.978.317c-1.662.264-2.345.845-2.345 1.76s.508 1.338 1.61 1.338zM63.315 48.906v13.093H61.74V48.906ZM72.047 62.017h-1.714V49.135h2.222l6.807 10.664c-.034-1.619-.052-3.255-.052-4.874v-5.79h1.715v12.882h-2.223l-6.807-10.665c.035 1.795.052 3.573.052 5.332V62zM84.578 57.423c.052 2.183 1.295 3.485 2.922 3.485 1.628 0 2.188-.95 2.415-2.041h1.435c-.297 2.006-1.82 3.36-3.885 3.36-2.065 0-4.48-1.917-4.48-4.91 0-2.99 1.803-4.909 4.41-4.909 2.608 0 3.99 2.041 3.955 5.015zm.105-1.249h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM95.778 62.105c-1.645 0-2.468-.792-2.468-2.534v-5.632h-1.295v-1.32h1.295v-1.988h1.575v1.988h2.135v1.32h-2.135v5.42c0 1.039.385 1.39 1.417 1.39h.718v1.268a7.56 7.56 0 0 1-1.242.088zM100.1 62.017l-2.765-9.38h1.662l2.24 8.324h.053l2.187-8.324h2.118l2.1 8.324h.07l2.205-8.324h1.575l-2.853 9.38h-2.152l-2.083-7.779-2.222 7.779h-2.153zM116.69 52.408c2.555 0 4.55 1.918 4.55 4.91s-2.012 4.91-4.55 4.91c-2.537 0-4.55-1.918-4.55-4.91s2.013-4.91 4.55-4.91zm0 8.5c1.575 0 2.905-1.39 2.905-3.59s-1.33-3.59-2.905-3.59c-1.575 0-2.905 1.39-2.905 3.59s1.33 3.59 2.905 3.59zM124.582 52.637v2.323c.403-1.443 1.313-2.411 2.573-2.411s.595.017.805.088v1.372h-.91c-1.505 0-2.415.74-2.415 2.728v5.28h-1.575v-9.38h1.54zM133.14 56.65l4.288 5.35h-1.908l-1.68-2.166c-.56-.721-1.137-1.443-1.68-2.164l-1.26 1.337V62h-1.575V48.906h1.575v8.342l4.165-4.611h1.873l-3.78 4.03zM145.758 62.175c-.368 0-.7-.07-1.033-.211a2.415 2.415 0 0 1-.84-.634c-.245-.281-.42-.633-.56-1.038a4.184 4.184 0 0 1-.21-1.373c0-.51.14-1.39.403-2.076a6.355 6.355 0 0 1 1.05-1.813c.437-.528.927-.95 1.47-1.285.56-.316 1.12-.492 1.715-.492s.752.07 1.067.21c.333.142.613.353.84.634.228.282.42.599.543.986.14.387.21.81.21 1.267 0 .686-.14 1.373-.403 2.059a7.425 7.425 0 0 1-1.05 1.865 5.727 5.727 0 0 1-1.487 1.355c-.56.352-1.138.528-1.715.528zm.087-.81c.368 0 .735-.193 1.085-.563.368-.387.683-.862.963-1.443.28-.58.525-1.214.7-1.9a7.912 7.912 0 0 0 .262-1.954c0-.616-.105-.968-.297-1.179-.193-.211-.473-.317-.823-.317s-.472.088-.717.247a3.163 3.163 0 0 0-.683.686c-.21.3-.42.634-.612 1.003-.193.387-.35.775-.49 1.197-.14.422-.245.845-.315 1.285-.07.44-.105.862-.105 1.267 0 .598.105 1.038.297 1.284.193.247.438.37.735.37zM153.475 60.82c-.28 1.109-.56 2.006-.84 2.71-.28.704-.577 1.25-.91 1.654-.315.405-.665.669-1.05.827-.367.159-.787.23-1.26.23-.472 0-.822-.124-1.12-.353-.297-.246-.437-.528-.437-.88s.07-.492.21-.633c.14-.159.332-.229.577-.229.245 0 .385.053.473.176.087.123.157.246.21.387.052.14.122.264.21.387.07.123.227.176.437.176s.473-.123.683-.387c.21-.264.367-.598.472-1.02l2.345-9.152h-1.557l.21-.739h1.54c.245-.968.49-1.795.77-2.481.28-.687.577-1.25.91-1.69.332-.44.665-.756 1.032-.95.368-.194.753-.3 1.173-.3.63 0 1.155.142 1.575.406.402.264.612.598.612 1.003 0 .404-.07.457-.21.633a.696.696 0 0 1-.577.264c-.245 0-.368-.035-.473-.105a.873.873 0 0 1-.262-.3 1.529 1.529 0 0 1-.123-.37l-.105-.369a.683.683 0 0 0-.192-.299c-.088-.07-.21-.105-.385-.105-.175 0-.42.123-.63.352-.21.228-.42.563-.613.967-.192.423-.385.916-.542 1.479-.175.58-.333 1.196-.473 1.883h1.628l-.228.739h-1.575l-1.522 6.124zM.122 67.243h5.53c2.783 0 4.585 1.514 4.585 3.995 0 2.482-1.82 3.995-4.585 3.995H1.855v4.91H.14V67.26zm5.513 6.494c1.837 0 2.835-.933 2.835-2.516 0-1.584-.998-2.517-2.835-2.517H1.837v5.016h3.798zM18.043 80.125v-1.9c-.473 1.25-1.523 2.112-3.133 2.112s-2.975-1.39-2.975-3.538v-6.054h1.575v5.65c0 1.76.787 2.604 2.257 2.604 1.47 0 2.24-1.003 2.24-2.604v-5.65h1.575v9.38zM23.677 67.032v5.913c.455-1.39 1.663-2.41 3.185-2.41 2.223 0 4.06 1.917 4.06 4.91 0 2.99-1.942 4.91-4.007 4.91-2.065 0-2.8-1.004-3.29-2.394v2.182h-1.54V67.05h1.575zm5.6 8.412c0-2.235-1.277-3.59-2.87-3.59-1.592 0-2.765.986-2.765 3.379v.44c0 2.376 1.383 3.379 2.765 3.379 1.383 0 2.87-1.355 2.87-3.59zM34.3 67.032v13.093h-1.575V67.032ZM38.378 67.243v1.62h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM47.04 74.001c-.297-1.337-.997-2.147-2.38-2.147-1.382 0-2.817 1.355-2.817 3.59s1.33 3.59 2.817 3.59c1.488 0 2.153-.81 2.433-2.147h1.47c-.263 2.06-1.628 3.467-3.92 3.467-2.293 0-4.463-1.918-4.463-4.91s2.1-4.91 4.463-4.91c2.362 0 3.657 1.355 3.85 3.467h-1.47zM56.56 67.243V72.7h7.245v-5.456h1.715v12.882h-1.715v-5.948H56.56v5.948h-1.715V67.243zM69.108 75.55c.052 2.182 1.295 3.484 2.922 3.484 1.628 0 2.188-.95 2.415-2.041h1.435c-.297 2.006-1.82 3.361-3.885 3.361-2.065 0-4.48-1.918-4.48-4.91s1.803-4.91 4.41-4.91c2.608 0 3.99 2.042 3.955 5.016zm.105-1.267h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM83.195 80.125c-.157-.545-.227-1.108-.245-1.953-.507 1.232-1.68 2.164-3.307 2.164-1.628 0-2.608-.721-2.608-2.48 0-1.76.928-2.517 3.36-2.905l2.52-.422v-.475c0-1.584-.822-2.217-2.117-2.217s-2.065.422-2.153 2.147h-1.417c.07-2.394 1.767-3.467 3.675-3.467 1.907 0 3.552 1.284 3.552 3.379v3.537c0 1.197.105 2.041.28 2.692zM80.22 79.07c1.47 0 2.713-.81 2.713-2.323v-1.108l-1.978.317c-1.662.264-2.345.844-2.345 1.76 0 .915.508 1.337 1.61 1.337zM88.463 67.032v13.093h-1.575V67.032ZM93.59 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.134v1.32h-2.134v5.42c0 1.038.384 1.39 1.417 1.39h.717v1.267a7.55 7.55 0 0 1-1.242.088zM97.878 67.032v5.508c.49-1.196 1.505-2.006 3.08-2.006 1.575 0 3.097 1.426 3.097 3.608v5.983h-1.575v-5.649c0-1.584-.805-2.604-2.275-2.604-1.47 0-2.327 1.003-2.327 2.604v5.65h-1.575V67.031ZM112.717 67.243v12.882h-1.715V67.243zM116.952 70.745v1.883c.473-1.25 1.505-2.094 3.115-2.094 1.61 0 3.098 1.426 3.098 3.608v5.983h-1.575v-5.649c0-1.584-.805-2.604-2.275-2.604-1.47 0-2.328 1.003-2.328 2.604v5.65h-1.575v-9.38zM126.21 77.486c.105.95.787 1.583 2.292 1.583s1.96-.492 1.96-1.39c0-.897-.805-1.25-2.187-1.584-2.065-.528-3.255-1.144-3.255-2.868 0-1.725 1.4-2.693 3.465-2.693s3.342 1.109 3.342 2.763h-1.452c-.07-.968-.77-1.478-1.908-1.478-1.137 0-1.837.317-1.837 1.302 0 .986.752 1.214 2.047 1.531 2.135.528 3.413 1.162 3.413 2.922 0 1.76-1.435 2.78-3.605 2.78s-3.728-1.161-3.728-2.868zM136.36 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32h-2.135v5.42c0 1.038.385 1.39 1.417 1.39h.718v1.267c-.333.053-.7.088-1.243.088zM140.648 67.243v1.62h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM145.793 80.213c-1.645 0-2.468-.792-2.468-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32H144.9v5.42c0 1.038.385 1.39 1.418 1.39h.717v1.267a7.55 7.55 0 0 1-1.242.088zM154.542 80.125v-1.9c-.472 1.25-1.522 2.112-3.132 2.112s-2.975-1.39-2.975-3.538v-6.054h1.575v5.65c0 1.76.787 2.604 2.257 2.604 1.47 0 2.24-1.003 2.24-2.604v-5.65h1.575v9.38zM161.21 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32h-2.135v5.42c0 1.038.385 1.39 1.417 1.39h.718v1.267c-.333.053-.7.088-1.243.088zM164.797 75.55c.053 2.182 1.295 3.484 2.923 3.484 1.627 0 2.187-.95 2.415-2.041h1.435c-.298 2.006-1.82 3.361-3.885 3.361-2.065 0-4.48-1.918-4.48-4.91s1.802-4.91 4.41-4.91c2.607 0 3.99 2.042 3.955 5.016zm.123-1.267h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM173.968 77.486c.105.95.787 1.583 2.292 1.583s1.96-.492 1.96-1.39c0-.897-.805-1.25-2.188-1.584-2.065-.528-3.255-1.144-3.255-2.868 0-1.725 1.401-2.693 3.466-2.693 2.065 0 3.342 1.109 3.342 2.763h-1.453c-.07-.968-.77-1.478-1.907-1.478-1.138 0-1.838.317-1.838 1.302 0 .986.753 1.214 2.048 1.531 2.135.528 3.413 1.162 3.413 2.922 0 1.76-1.435 2.78-3.605 2.78s-3.728-1.161-3.728-2.868z" />
                                </svg>
                            </a>
                        </div>
                        <ul class="footer__navigation">
                            <li class="footer__main-nav-item">
                                <a class="footer__main-nav-item-link" href="#">Workforce resources</a>
                                <ul class="footer__main-nav-item-children">
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Resource Directory</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Trainings</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer__main-nav-item">
                                <a class="footer__main-nav-item-link" href="#">Programs & Projects</a>
                                <ul class="footer__main-nav-item-children">
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Data Modernization</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Environmental Health and Emergency Preparedness</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Evaluation and Impact</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Multisector Strategies and Population Health</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Public Health Events and Convenings Management</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Public Health Infrastructure Grant</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Public health training</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer__main-nav-item">
                                <a class="footer__main-nav-item-link" href="#">Explore the Network</a>
                                <ul class="footer__main-nav-item-children">
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Member Directory</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Membership paths</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer__main-nav-item">
                                <a class="footer__main-nav-item-link" href="#">Partner with us</a>
                            </li>
                            <li class="footer__main-nav-item">
                                <a class="footer__main-nav-item-link" href="#">About</a>
                                <ul class="footer__main-nav-item-children">
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Blog</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Events</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Newsletters</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Signature programs</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Contact us</a>
                                    </li>
                                    <li class="footer__main-nav-child">
                                        <a class="footer__main-nav-child-link" href="#">Meet the team</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer__utility-links-container">
                    <ul class="footer__links-list">
                        <li class="footer__links-list-item">
                            <a href="#" class="footer__links-list-item-link">
                                Subscribe to our newsletter
                            </a>
                        </li>
                        <li class="footer__links-list-item">
                            <a href="#" class="footer__links-list-item-link">
                                Explore membership benefits
                            </a>
                        </li>
                        <li class="footer__links-list-item">
                            <a href="#" class="footer__links-list-item-link">
                                See career opportunities
                            </a>
                        </li>
                    </ul>
                    <nav class="footer__social" aria-label="footer social media links">
                        <ul class="social-links">
                            <li class="social-links__item">
                                <a href="https://facebook.com" class="social-links__item-link">
                                    <span class="social-links__item-text">
                                        Facebook page for
                                    </span>
                                    <svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
                                        <title>facebook</title>
                                        <g clip-path="url(#facebook-clip-path)">
                                            <path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
                                        </g>
                                        <defs>
                                            <clipPath id="facebook-clip-path">
                                                <path fill="#fff" d="M0 0h93.16v26.55H0z" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </a>
                            </li>
                            <li class="social-links__item">
                                <a href="https://linkedin.com" class="social-links__item-link">
                                    <span class="social-links__item-text">
                                        Linked in profile for
                                    </span>
                                    <svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
                                        <title>linkedin</title>
                                        <g clip-path="url(#linkedin-clip-path)" transform="translate(-33.56)">
                                            <path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
                                        </g>
                                        <defs>
                                            <clipPath id="linkedin-clip-path">
                                                <path d="M0 0h93.16v26.55H0z" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </a>
                            </li>
                            <li class="social-links__item">
                                <a href="https://youtube.com" class="social-links__item-link">
                                    <span class="social-links__item-text">
                                        Youtube account for
                                    </span>
                                    <svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
                                        <title>youtube</title>
                                        <g clip-path="url(#youtube-clip-path)" transform="translate(-66.62)">
                                            <path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
                                        </g>
                                        <defs>
                                            <clipPath id="youtube-clip-path">
                                                <path d="M0 0h93.16v26.55H0z" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="footer__copyright">
                <div class="footer__copyright-text">
                    © National Network of Public Health Institutes. All Rights Reserved
                </div>
            </div>
        </div>
    </footer>
</div>
{% extends "templates/base.twig" %}

{% block header %}
    {% include 'partials/event-header/event-header.twig' %}
{% endblock %}

{% block content %}
    <div class="event-post">
        <div class="event-post__content">
            {% include 'components/component.twig' with {
                'components': post.components,
                'background': background
            } only %}
        </div>
        {% if post.sidebarContentExists %}
            <div class="event-post__sidebar">
                {% if post.presenters and post.presenters|length > 0 %}
                    <div class="event-post__sidebar-section">
                        <div class="event-post__sidebar-section-header">Event Presenters</div>
                        {% for presenter in post.presenters %}
                            <div class="event-post__presenter-item">
                                {% if presenter.image %}
                                    <div class="event-post__presenter-item__image">
                                        <img src="{{ presenter.image.src | towebp | resize(92,92) }}" alt="{{ presenter.image.alt ?: '' }}" height="{{ presenter.image.height }}" width="{{ presenter.image.width }}">
                                    </div>
                                {% endif %}
                                <div class="event-post__presenter-item__content">
                                    <span class="event-post__presenter-name">
                                        {{ presenter.fullName }}
                                    </span>
                                    {% if presenter.role %}
                                        <span class="event-post__presenter-role">
                                            {{ presenter.role }}
                                        </span>
                                    {% endif %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
                {% if post.relatedPhis | length > 0 %}
                    <div class="event-post__sidebar-section">
                        <div class="event-post__sidebar-section-header">Related PHIs</div>
                        <ul class="event-post__sidebar-link-list">
                            {% for phi in post.relatedPhis %}
                                <li class="event-post__sidebar-link-list-item">
                                    {% include 'bits/linked-text-with-icon/linked-text-with-icon.twig' with {
                                        variant: 'linkList',
                                        link: {
                                            text: phi.title,
                                            url: phi.url,
                                            type: 'internal_link'
                                        }
                                    } %}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}
                {% if post.relatedLinks | length > 0 %}
                    <div class="event-post__sidebar-section">
                        <div class="event-post__sidebar-section-header">Related links</div>
                        <ul class="event-post__sidebar-link-list">
                            {% for link in post.relatedLinks %}
                                <li class="event-post__sidebar-link-list-item">
                                    {% include 'bits/linked-text-with-icon/linked-text-with-icon.twig' with {
                                        variant: 'linkList',
                                        link
                                    } %}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}
                {% if post.tags | length > 0 %}
                    <div class="event-post__sidebar-section">
                        <div class="event-post__sidebar-section-header">Tags</div>
                        {% include 'bits/tag-badge-list/tag-badge-list.twig' with {
                            tags: post.tags,
                            large: true,
                            tagColor: 'blueTint'
                        } %}
                    </div>
                {% endif %}
            </div>
        {% endif %}
    </div>
{% endblock %}
{
  "site": {
    "title": "National Network of Public Health Institutes"
  },
  "background": "white",
  "breadcrumbs": [
    {
      "title": "Home",
      "url": "#"
    },
    {
      "title": "Primary Page One",
      "url": "#"
    },
    {
      "title": "Interior Page One",
      "url": "#"
    }
  ],
  "footerLinks": {
    "items": [
      {
        "title": "Subscribe to our newsletter",
        "url": "#"
      },
      {
        "title": "Explore membership benefits",
        "url": "#"
      },
      {
        "title": "See career opportunities",
        "url": "#"
      }
    ]
  },
  "contactInfo": {
    "copyright": "© National Network of Public Health Institutes. All Rights Reserved",
    "facebookLink": "https://facebook.com",
    "linkedInLink": "https://linkedin.com",
    "youtubeLink": "https://youtube.com",
    "flickrLink": "https://flickr.com",
    "twitterLink": "https://twitter.com",
    "instagramLink": "https://instagram.com",
    "youTubeLink": "https://youtube.com"
  },
  "utilityNavigation": {
    "items": [
      {
        "title": "Member directory",
        "url": "#"
      },
      {
        "title": "Events",
        "url": "#",
        "isActive": true
      },
      {
        "title": "Blog",
        "url": "#"
      }
    ]
  },
  "primaryNavigation": {
    "items": [
      {
        "title": "Workforce resources",
        "url": "#",
        "children": [
          {
            "title": "Resource Directory",
            "url": "#",
            "children": []
          },
          {
            "title": "Trainings",
            "url": "#",
            "children": [
              {
                "title": "Training Level 3 example",
                "url": "#"
              }
            ]
          }
        ]
      },
      {
        "title": "Programs & Projects",
        "url": "#",
        "isDescendantActive": true,
        "children": [
          {
            "title": "Data Modernization",
            "url": "#",
            "children": []
          },
          {
            "title": "Environmental Health and Emergency Preparedness",
            "url": "#",
            "children": []
          },
          {
            "title": "Evaluation and Impact",
            "url": "#",
            "isDescendantActive": true,
            "children": [
              {
                "title": "Third level example",
                "url": "#",
                "isActive": true,
                "children": [
                  {
                    "title": "Fourth level example",
                    "url": "#",
                    "isActive": true,
                    "children": [
                      {
                        "title": "Fifth level example",
                        "url": "#",
                        "isActive": true
                      }
                    ]
                  },
                  {
                    "title": "Fourth level example 2",
                    "url": "#"
                  },
                  {
                    "title": "Fourth level example 3",
                    "url": "#"
                  }
                ]
              }
            ]
          },
          {
            "title": "Multisector Strategies and Population Health",
            "url": "#",
            "children": []
          },
          {
            "title": "Public Health Events and Convenings Management",
            "url": "#",
            "children": []
          },
          {
            "title": "Public Health Infrastructure Grant",
            "url": "#",
            "children": []
          },
          {
            "title": "Public health training",
            "url": "#",
            "children": []
          }
        ]
      },
      {
        "title": "Explore the Network",
        "url": "#",
        "children": [
          {
            "title": "Member Directory",
            "url": "#",
            "children": []
          },
          {
            "title": "Membership paths",
            "url": "#",
            "children": []
          }
        ]
      },
      {
        "title": "Partner with us",
        "url": "#"
      },
      {
        "title": "About",
        "url": "#",
        "children": [
          {
            "title": "Blog",
            "url": "#",
            "children": []
          },
          {
            "title": "Events",
            "url": "#",
            "children": []
          },
          {
            "title": "Newsletters",
            "url": "#",
            "children": []
          },
          {
            "title": "Signature programs",
            "url": "#",
            "children": []
          },
          {
            "title": "Contact us",
            "url": "#",
            "children": []
          },
          {
            "title": "Meet the team",
            "url": "#",
            "children": []
          }
        ]
      }
    ]
  },
  "post": {
    "title": "Lorem nibh felis adipiscing varius adipiscing in lacinia vel tellus urnaior",
    "type": "Event",
    "date": "January 1, 2026",
    "startTime": "10:00 AM",
    "endTime": "2:00 PM",
    "eventLocationName": "The City Venue",
    "eventLocationAddress1": "123 Main St, City, State, ZIP",
    "callsToAction": [
      {
        "linkText": "Register",
        "linkUrl": "#",
        "linkType": "external",
        "variant": "primary"
      },
      {
        "linkText": "Attend via Zoom",
        "linkUrl": "#",
        "linkType": "external",
        "variant": "secondary"
      }
    ],
    "eventMoreLinkUrl": "https://example.com/events",
    "eventMoreLinkType": "internal",
    "typeIcon": "calendar",
    "colorVariant": "purple",
    "logoImage": {
      "src": "holder.js/450x200?auto=yes&outline=yes&random=yes",
      "altText": "placeholder"
    },
    "presenters": [
      {
        "image": {
          "src": "holder.js/92x92?auto=yes&outline=yes",
          "altText": "Jane Doe"
        },
        "fullName": "Jane Doe",
        "role": "Program Manager"
      },
      {
        "fullName": "Center for Health Innovation"
      }
    ],
    "relatedPhis": [
      {
        "title": "Delaware Public Health Institute",
        "url": "#"
      },
      {
        "title": "Georgia Health Policy Center",
        "url": "#"
      }
    ],
    "relatedLinks": [
      {
        "text": "Internal link",
        "url": "#"
      },
      {
        "text": "External link",
        "url": "#",
        "type": "external_link"
      },
      {
        "text": "Download link",
        "url": "#",
        "type": "file_link"
      }
    ],
    "addImage": true,
    "featuredImage": {
      "src": "holder.js/980x560?auto=yes&outline=yes",
      "altText": "a placeholder"
    },
    "components": [
      {
        "type": "text",
        "richText": "<h2>A header passed within the rich text field</h2><p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h3>Unordered list</h3> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li></ul></li><li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h3>Ordered list</h3> <ol><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ol> "
      },
      {
        "type": "call-to-action",
        "leadInText": "Want to learn more?",
        "description": "Read about NNPHI’s in-house Research and Evaluation programs in our Related Programs section.",
        "linkText": "Explore our related programs",
        "linkUrl": "#"
      },
      {
        "type": "accordion",
        "items": [
          {
            "label": "Item 1",
            "content": "<p>This is the content for item 1</p>",
            "startOpen": true
          },
          {
            "label": "Item 2 with a rather long title",
            "content": "<h2>A header passed within the rich text field</h2><p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><hr><h3>Unordered list</h3> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li></ul></li><li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h3>Ordered list</h3> <ol><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ol> ",
            "startOpen": false
          },
          {
            "label": "Item 3",
            "content": "<p>This is the content for item 3</p>",
            "startOpen": false
          }
        ]
      },
      {
        "type": "text",
        "richText": "<h2>A header passed within the rich text field</h2><p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h3>Unordered list</h3> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li></ul></li><li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h3>Ordered list</h3> <ol><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ol> "
      },
      {
        "type": "quote",
        "quoteText": "I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.",
        "attribution": "Maya Angelou"
      },
      {
        "type": "profile-cards",
        "heading": "Profile Cards",
        "moreLinkUrl": "#",
        "moreLinkText": "See all",
        "moreLinkType": "internal",
        "cards": [
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          },
          {
            "fullName": "Wendy D. Sanchez",
            "role": "Program Manager-Partner Relations",
            "featuredImage": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "profileTypes": [
              "NNPHI Staff",
              "PHI Expert Guide"
            ],
            "tags": [],
            "isComplete": true
          }
        ]
      },
      {
        "type": "link-cards",
        "cards": [
          {
            "linkText": "Link Text",
            "linkUrl": "#",
            "image": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "description": "<p>This is the link card description. It is about twelve words long.</p>"
          },
          {
            "linkText": "Link Text",
            "linkUrl": "#",
            "linkType": "external",
            "image": {
              "src": "holder.js/450x450?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "description": "<p>This is the <strong>link card description</strong>. It is longer than the <a href=\"#\">other card descriptions</a>, about <em>eighteen</em> words long.</p>"
          },
          {
            "linkText": "Link Text",
            "linkUrl": "#",
            "image": {
              "src": "holder.js/450x300?auto=yes&outline=yes&random=yes",
              "altText": "placeholder"
            },
            "description": "<p>This is the link card description. It is about twelve words long.</p>"
          }
        ]
      },
      {
        "type": "link-list",
        "links": [
          {
            "text": "Internal link",
            "url": "#"
          },
          {
            "text": "External link",
            "url": "#",
            "type": "external_link"
          },
          {
            "text": "Download link",
            "url": "#",
            "type": "file_link"
          }
        ]
      },
      {
        "type": "topic-block",
        "header": "A header for this component",
        "text": "<p>Lorem ipsum dolor sit amet, consectetur <em>adipiscing</em> elit. <strong>Aenean euismod bibendum laoreet.</strong> Proin gravida dolor.</p>",
        "image": {
          "src": "holder.js/800x650?auto=yes&random=yes",
          "altText": "placeholder"
        },
        "hasCallToAction": true,
        "linkText": "Button text",
        "linkUrl": "#",
        "linkType": "internal"
      }
    ],
    "tags": [
      "Aging",
      "Behavioral and Mental Health",
      "Health Equity",
      "Tribal Health",
      "Women's Health"
    ]
  }
}
  • Content:
    .event-post {
        $sidebarBreakpoint: 62.5rem;
    
        @include contentContainer;
    
        @include fluid('padding-bottom', 8rem, 10rem);
        position: relative;
    
        @media (min-width: $sidebarBreakpoint) {
            display: grid;
            gap: 8rem;
            grid-template-columns: minmax(0, 1fr) 320px;
        }
    
        &__content {
            margin-bottom: 4.5rem;
        }
    
        &__sidebar {
            border-top: 1px solid var(--purple);
        }
    
        &__sidebar-section {
            @include detailBold;
            border-bottom: 1px solid var(--purple);
            color: var(--black);
            padding: 2rem 0;
        }
    
        &__sidebar-section-header {
            @include label;
            color: var(--black);
            padding-bottom: 1.5rem;
        }
    
        &__presenter-item {
            display: flex;
            align-items: center;
            flex: 1 auto;
            flex-direction: row;
            gap: 1rem;
    
            &:not(:last-child) {
                margin-bottom: 1rem;
            }
        }
    
        &__presenter-item__image {
            flex: 0 0 4rem;
            border-radius: 50%;
            overflow: hidden;
    
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    
        &__presenter-item__content {
            display: flex;
            flex-direction: column;
        }
    
        &__presenter-name {
            @include headline6;
        }
    
        &__presenter-role {
            @include detail;
        }
    
        &__sidebar-link-list {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
    
        &__sidebar-link-list-item {
            text-decoration: none;
        }
    }
    
  • URL: /components/raw/event-post/event-post.scss
  • Filesystem Path: patterns/pages/event-post/event-post.scss
  • Size: 1.6 KB

No notes defined.