Results Filter

No notes defined.

<header class="tcu-results-filter">
    <button class="tcu-results-filter__menu-trigger">
        <div class="filter _label">
            Filters
            <img alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" data-state="" class="tcu-down-arrow" width="15" height="9">
        </div>
    </button>
    <div class="tcu-results-filter__list _is-open">
        <button aria-label="Close Filter Dropdown" class="close-filter-menu">X</button>

        <div class="tcu-results-filter__column">
            <!-- School -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-school">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    College
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">College</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="school-addran" name="school" value="addran">
                        <label for="school-addran">AddRan College of Liberal Arts</label>
                    </div>
                    <div>
                        <input type="checkbox" id="school-sis" name="school" value="sis">
                        <label for="school-sis">School of Interdisciplinary Studies</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="school-all" name="id" value="all">
                        <label for="school-all">Show All</label>
                    </div>
                </div>

            </fieldset>
            <!-- Department -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-departments">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Department
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Department</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="departments-political-science" name="departments" value="political-science">
                        <label for="departments-political-science">Political Science</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="departments-all" name="id" value="all">
                        <label for="departments-all">Show All</label>
                    </div>
                </div>

            </fieldset>
            <!-- Teaching Audience -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-teaching-audiences">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Teaching Audience
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Teaching Audience</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="teaching-audiences-undergraduate-students" name="teaching-audiences" value="undergraduate-students">
                        <label for="teaching-audiences-undergraduate-students">Undergraduate Students</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="teaching-audiences-all" name="id" value="all">
                        <label for="teaching-audiences-all">Show All</label>
                    </div>
                </div>

            </fieldset>
            <!-- Teaching Status -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-teaching-status">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Teaching Status
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Teaching Status</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="teaching-status-active" name="teaching-status" value="active">
                        <label for="teaching-status-active">Active</label>
                    </div>
                    <div>
                        <input type="checkbox" id="teaching-status-emeritus" name="teaching-status" value="emeritus">
                        <label for="teaching-status-emeritus">Emeritus</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="teaching-status-all" name="id" value="all">
                        <label for="teaching-status-all">Show All</label>
                    </div>
                </div>

            </fieldset>
            <!-- Office Type -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-office-types">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Office Type
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Office Type</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="office-types-chairs" name="office-types" value="chairs">
                        <label for="office-types-chairs">Chairs</label>
                    </div>
                    <div>
                        <input type="checkbox" id="office-types-directors" name="office-types" value="directors">
                        <label for="office-types-directors">Directors</label>
                    </div>
                    <div>
                        <input type="checkbox" id="office-types-staff" name="office-types" value="staff">
                        <label for="office-types-staff">Staff</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="office-types-all" name="id" value="all">
                        <label for="office-types-all">Show All</label>
                    </div>
                </div>

            </fieldset>
        </div>
        <div class="tcu-results-filter__column">
            <!-- Areas of Study -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-areas-study">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Areas of Study
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Areas of Study</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="areas-study-asian-studies" name="areas-study" value="asian-studies">
                        <label for="areas-study-asian-studies">Asian Studies</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areas-study-middle-east-studies" name="areas-study" value="middle-east-studies">
                        <label for="areas-study-middle-east-studies">Middle East Studies</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areas-study-political-science" name="areas-study" value="political-science">
                        <label for="areas-study-political-science">Political Science</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="areas-study-all" name="id" value="all">
                        <label for="areas-study-all">Show All</label>
                    </div>
                </div>

            </fieldset>
        </div>
        <div class="tcu-results-filter__column">
            <!-- Areas of Interest -->
            <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-areasOfInterest">

                <!-- Button Toggle for Mobile -->
                <button class="_is-open show-for-small-only">
                    Areas of Interest
                    <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                </button>
                <!-- Regular Label on larger sizes -->
                <legend class="show-for-large">Areas of Interest</legend>

                <div class="tcu-results-filter__list-wrapper _is-open">
                    <div>
                        <input type="checkbox" id="areasOfInterest-american-politics" name="areasOfInterest" value="american-politics">
                        <label for="areasOfInterest-american-politics">American Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-asian-politics" name="areasOfInterest" value="asian-politics">
                        <label for="areasOfInterest-asian-politics">Asian Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-development" name="areasOfInterest" value="development">
                        <label for="areasOfInterest-development">Development</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-elections" name="areasOfInterest" value="elections">
                        <label for="areasOfInterest-elections">Elections</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-european-politics" name="areasOfInterest" value="european-politics">
                        <label for="areasOfInterest-european-politics">European Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-foreign-policy" name="areasOfInterest" value="foreign-policy">
                        <label for="areasOfInterest-foreign-policy">Foreign Policy</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-gender-&-sexuality" name="areasOfInterest" value="gender-&-sexuality">
                        <label for="areasOfInterest-gender-&-sexuality">Gender & Sexuality</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-human-rights" name="areasOfInterest" value="human-rights">
                        <label for="areasOfInterest-human-rights">Human Rights</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-identity-politics" name="areasOfInterest" value="identity-politics">
                        <label for="areasOfInterest-identity-politics">Identity Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-international-relations" name="areasOfInterest" value="international-relations">
                        <label for="areasOfInterest-international-relations">International Relations</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-media-&-politics" name="areasOfInterest" value="media-&-politics">
                        <label for="areasOfInterest-media-&-politics">Media & Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-middle-eastern-studies" name="areasOfInterest" value="middle-eastern-studies">
                        <label for="areasOfInterest-middle-eastern-studies">Middle Eastern Studies</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-political-psychology" name="areasOfInterest" value="political-psychology">
                        <label for="areasOfInterest-political-psychology">Political Psychology</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-political-science" name="areasOfInterest" value="political-science">
                        <label for="areasOfInterest-political-science">Political Science</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-political-theory" name="areasOfInterest" value="political-theory">
                        <label for="areasOfInterest-political-theory">Political Theory</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-public-policy" name="areasOfInterest" value="public-policy">
                        <label for="areasOfInterest-public-policy">Public Policy</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-russian-politics" name="areasOfInterest" value="russian-politics">
                        <label for="areasOfInterest-russian-politics">Russian Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-texas-politics" name="areasOfInterest" value="texas-politics">
                        <label for="areasOfInterest-texas-politics">Texas Politics</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-united-nations" name="areasOfInterest" value="united-nations">
                        <label for="areasOfInterest-united-nations">United Nations</label>
                    </div>
                    <div>
                        <input type="checkbox" id="areasOfInterest-urban-politics" name="areasOfInterest" value="urban-politics">
                        <label for="areasOfInterest-urban-politics">Urban Politics</label>
                    </div>
                    <!-- Show All -->
                    <div class="tcu-results-filter__show-all">
                        <input type="checkbox" id="areasOfInterest-all" name="id" value="all">
                        <label for="areasOfInterest-all">Show All</label>
                    </div>
                </div>

            </fieldset>
        </div>
    </div>
    <div class="tcu-results-filter__heading tcu-visually-hidden">
        <div class="tcu-results-filter__search"><label for="directory-keyword-search" class="screen-reader-text tcu-visuallyhidden">Search for:</label> <input type="search" value="" name="s" id="directory-keyword-search" placeholder="Who can we help you find?" autocorrect="off"> <input type="submit" value="Search"></div>
    </div>
    <div class="tcu-view-selector tcu-visually-hidden">
        <p class="tcu-view-selector__option _label"><button class="active">
                View Grid
                <img alt="" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D%0A%3C/style%3E%3Ctitle%3EGroup%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Program-List-links' transform='translate(-1468.000000, -545.000000)'%3E%3Cg id='Group' transform='translate(1468.000000, 545.000000)'%3E%3Crect id='Rectangle' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_1_' y='7' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_2_' x='7' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_3_' x='7' y='7' class='st0' width='5' height='5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow" width="10" height="10"></button></p>
        <p class="tcu-view-selector__option _label"><button class="">
                View List
                <img alt="" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 10' style='enable-background:new 0 0 16 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-linecap:square;%7D%0A%3C/style%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Program-List-links' transform='translate(-1637.000000, -545.000000)'%3E%3Cg id='Group-3' transform='translate(1638.000000, 545.000000)'%3E%3Cpath id='Line' class='st0' d='M4,0.5h10'/%3E%3Cpath id='Line_1_' class='st0' d='M0,0.5h1'/%3E%3Cpath id='Line_2_' class='st0' d='M4,3.5h10'/%3E%3Cpath id='Line_3_' class='st0' d='M0,3.5h1'/%3E%3Cpath id='Line_4_' class='st0' d='M4,6.5h10'/%3E%3Cpath id='Line_5_' class='st0' d='M0,6.5h1'/%3E%3Cpath id='Line_6_' class='st0' d='M4,9.5h10'/%3E%3Cpath id='Line_7_' class='st0' d='M0,9.5h1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow" width="15" height="15"></button></p>
    </div>
</header>