Global Nav

Complete
Site:
Notes
HTML
Info
A navigation bar used for displaying the TCU brand and academic/non-academic site menu items. Global navigation is used on every academic/non-academic TCU website.

        
        <style>
    @keyframes pulse {
        0% {
            opacity: 0.7;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        to {
            opacity: 0.7;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes slideInUp {
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }

    .tcu-global-nav-button {
        cursor: pointer;
        display: inline-block;
        font-size: 1em;
        font-weight: 700;
        padding: 0.5em 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    .tcu-global-nav-button:hover {
        text-decoration: none;
    }

    .tcu-global-nav-button {
        background-color: #fed277;
        color: #4d4d4a;
        font-size: 1.2rem;
    }

    .tcu-global-nav-button:focus,
    .tcu-global-nav-button:hover {
        background: #4d4d4a;
        color: #fff;
    }

    @media screen and (-ms-high-contrast: active) {
        .tcu-global-nav-button {
            border: 1px solid buttonText;
        }
    }

    .tcu-content-sheet.-navigation,
    .tcu-global-header__wrapper {
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
    }

    .tcu-content-sheet.-navigation *,
    .tcu-global-header__wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tcu-content-sheet.-navigation ul,
    .tcu-global-header__wrapper ul {
        margin: 1em 0;
        padding: 0;
    }

    .tcu-content-sheet.-navigation button,
    .tcu-global-header__wrapper button {
        font-size: 20px;
        font-family: Source Sans Pro, Arial, Trebuchet MS, sans-serif;
    }

    .tcu-content-sheet.-navigation svg,
    .tcu-global-header__wrapper svg {
        vertical-align: middle;
    }

    .tcu-content-sheet.-navigation .cf:after,
    .tcu-content-sheet.-navigation .cf:before,
    .tcu-global-header__wrapper .cf:after,
    .tcu-global-header__wrapper .cf:before {
        content: " ";
        display: table;
    }

    .tcu-content-sheet.-navigation .cf:after,
    .tcu-global-header__wrapper .cf:after {
        clear: both;
    }

    .tcu-content-sheet.-navigation .tcu-layout-constrain,
    .tcu-global-header__wrapper .tcu-layout-constrain {
        margin-left: auto;
        margin-right: auto;
        padding-left: 5.5%;
        padding-right: 5.5%;
    }

    .tcu-content-sheet.-navigation .tcu-visuallyhidden,
    .tcu-global-header__wrapper .tcu-visuallyhidden {
        border: 0;
        clip: rect(0, 0, 0, 0);
        font-size: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    body {
        margin-top: 64px;
    }

    .tcu-global-logo {
        display: block;
        line-height: 60px;
    }

    .tcu-global-logo svg {
        height: 30px;
        -webkit-transition: height 0.45s ease-in;
        -o-transition: height 0.45s ease-in;
        transition: height 0.45s ease-in;
    }

    @media screen and (min-width: 62.5em) {
        body {
            margin-top: 84px;
        }

        .tcu-global-logo {
            line-height: 80px;
        }

        .tcu-global-logo svg {
            height: 40px;
        }
    }

    @media screen and (min-width: 78.75em) {
        body {
            margin-top: 109px;
        }

        .tcu-global-logo {
            line-height: 105px;
        }

        .tcu-global-logo svg {
            height: 51px;
        }
    }

    .tcu-global-header__wrapper {
        background: #fff;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

    @media (max-width: 1259px) {
        .tcu-global-header__wrapper {
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
        }
    }

    .tcu-global-header {
        background: #fff;
        border-bottom: 4.25px solid #4d1979;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        max-width: 1800px;
        position: relative;
    }

    .tcu-global-header-right {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
    }

    .tcu-global-header-right,
    .tcu-global-header-right .search {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .tcu-global-header-right .search {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        background: rgba(0, 0, 0, 0);
        border: 0;
        padding: 0 20px;
    }

    @media screen and (min-width: 62.5em) {
        .tcu-global-header-right .search {
            width: 10%;
            padding: 0;
        }
    }

    .tcu-global-header-right .search .search-icon {
        cursor: pointer;
        fill: #111;
        margin-left: 5px;
    }

    @media screen and (min-width: 62.5em) {
        .tcu-global-header-right .search .search-icon {
            fill: #777;
            opacity: 0.5;
        }
    }

    .tcu-global-header-right .icon-label,
    .tcu-global-header-right .toggle-label {
        cursor: pointer;
        display: none;
    }

    .tcu-global-header-right .tcu-menu-toggle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        background: rgba(0, 0, 0, 0);
        border: 0;
        padding: 0;
    }

    @media screen and (min-width: 62.5em) {
        .tcu-global-header-right .tcu-menu-toggle {
            margin-left: 20px;
        }
    }

    .tcu-global-header-right .tcu-menu-toggle .toggle-label {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 10px 0 auto;
    }

    .tcu-global-header-right .tcu-menu-toggle .hamburger {
        display: block;
        height: 30px;
        position: relative;
        width: 30px;
    }

    .tcu-global-header-right .tcu-menu-toggle .hamburger .icon-bar {
        background-color: #111;
        display: block;
        height: 2px;
        margin: 6px 0;
        width: 100%;
    }

    @media screen and (min-width: 62.5em) {

        .tcu-global-header-right .icon-label,
        .tcu-global-header-right .toggle-label {
            display: block;
        }
    }

    .tcu-global-nav--open {
        overflow: hidden;
        height: 100vh;
    }

    .tcu-nav-wrap {
        color: #fff;
        max-width: 1000px;
        position: relative;
    }

    .tcu-nav-wrap .logo {
        margin: auto;
        padding-bottom: 60px;
        padding-top: 60px;
        text-align: center;
    }

    .tcu-nav-wrap .logo img,
    .tcu-nav-wrap .logo svg {
        max-width: 100%;
    }

    .tcu-nav-wrap .tcu-button-wrap .tcu-global-nav-button {
        font-size: 24px;
        font-family: Source Sans Pro, Arial, Trebuchet MS, sans-serif;
        line-height: 1.5;
    }

    .tcu-nav-wrap .logo,
    .tcu-nav-wrap .tcu-global-nav-button {
        display: block;
        max-width: 250px;
        text-align: center;
    }

    @media (max-width: 980px) {

        .tcu-nav-wrap .logo,
        .tcu-nav-wrap .tcu-global-nav-button {
            margin: auto;
        }
    }

    .tcu-nav-wrap .tcu-button-wrap,
    .tcu-nav-wrap .tcu-menu {
        z-index: 5;
    }

    .tcu-nav-wrap .tcu-menu {
        text-align: center;
    }

    .tcu-nav-wrap .tcu-menu a {
        color: #fff;
        text-decoration: none;
    }

    .tcu-nav-wrap .tcu-menu a:hover {
        color: #fed277;
    }

    .tcu-nav-wrap .tcu-menu-label {
        font: 400 25px Oswald, sans-serif;
        text-transform: uppercase;
    }

    .tcu-nav-wrap .tcu-menu.-primary-ctas {
        font: 700 50px Playfair Display, serif;
    }

    .tcu-nav-wrap .tcu-menu.-info-for {
        font: 700 25px Source Sans Pro, Arial, Trebuchet MS, sans-serif;
    }

    .tcu-nav-wrap .tcu-menu.-tcu-edu-links {
        font: 400 30px Oswald, sans-serif;
    }

    .tcu-nav-wrap .tcu-menu.-info-for,
    .tcu-nav-wrap .tcu-menu.-tcu-edu-links,
    .tcu-nav-wrap .tcu-menu.-tcu-edu-links li {
        line-height: 1.75;
    }

    @media screen and (min-width: 980px) {
        .tcu-nav-wrap {
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-flow: column wrap;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            height: 750px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            list-style: none;
            margin: 0 0 0 64px;
            padding: 0;
        }

        .tcu-nav-wrap .tcu-button-wrap,
        .tcu-nav-wrap .tcu-menu {
            color: #fff;
            height: 240px;
            margin-bottom: 2em;
            margin-right: 10px;
            margin-top: 10px;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            padding: 5px;
            text-align: left;
            width: 500px;
            z-index: 5;
        }

        .tcu-nav-wrap .tcu-menu.-primary-ctas {
            padding-top: 3.25em;
        }

        .tcu-nav-wrap .tcu-menu.-info-for {
            margin-top: 3em;
        }

        .tcu-nav-wrap .flex-order1 {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        .tcu-nav-wrap .tcu-button-wrap {
            width: 250px;
            z-index: 40;
        }

        .tcu-nav-wrap .-tcu-edu-links {
            height: 500px;
            margin-top: -4em;
        }

        .tcu-nav-wrap .-tcu-edu-links ul {
            padding-top: 120px;
        }
    }

    @media screen and (min-width: 980px) and (min-width: 1260px) {
        .tcu-nav-wrap {
            padding-left: 2.5%;
            padding-right: 2.5%;
        }
    }

    .tcu-content-sheet {
        background: #4d1979;
        position: relative;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.45s ease-in-out;
        transition: -webkit-transform 0.45s ease-in-out;
        -o-transition: transform 0.45s ease-in-out;
        transition: transform 0.45s ease-in-out;
        transition: transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
    }

    .tcu-content-sheet ul {
        list-style: none;
        line-height: inherit;
        padding-left: 0;
    }

    .tcu-content-sheet .tcu-lead-on-stripes {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1582 1024'%3E%3Cswitch%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill-opacity='.1' d='M1582 141.6L453.3 1024H1582z'/%3E%3Cpath fill='none' stroke='%23979797' d='M1404.1-1L0 1023h71.4L1467.4-1z'/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");
        background-size: cover;
        display: none;
        height: 100vh;
        opacity: 0.45;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    @media (min-width: 1200px) {
        .tcu-content-sheet .tcu-lead-on-stripes {
            display: block;
        }
    }

    .tcu-content-sheet.-navigation {
        left: 0;
        height: 100vh;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11;
        -webkit-overflow-scrolling: touch;
    }

    .tcu-content-sheet.-navigation[data-state="open"] {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .tcu-content-sheet .tcu-close-contentsheet {
        cursor: pointer;
        position: absolute;
        right: 32px;
        top: 32px;
    }

    .tcu-content-sheet .tcu-close-contentsheet:before {
        background: #fff;
        content: "";
        height: 3px;
        position: absolute;
        top: 50%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 100%;
    }

    .tcu-content-sheet .tcu-close-contentsheet:after {
        background: #fff;
        content: "";
        height: 3px;
        position: absolute;
        top: 50%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 100%;
    }

    .tcu-content-sheet .tcu-close-contentsheet.-close-menu {
        height: 40px;
        width: 40px;
        z-index: 10;
        background: rgba(0, 0, 0, 0);
        border: 0;
        padding: 0;
        text-align: left;
    }

    @-webkit-keyframes fadein {
        to {
            opacity: 1;
        }
    }

    @keyframes fadein {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    #sj-overlay-holder .sj-overlay__shade {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        position: fixed;
    }

    #sj-overlay-holder .sj-overlay__container {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-name: fadeIn, slideInUp;
        animation-name: fadeIn, slideInUp;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
    }

    @media screen and (min-width: 43.75em) {
        #sj-overlay-holder .sj-overlay__container {
            height: 80%;
            width: 80%;
        }
    }

    #sj-overlay-holder .sj-overlay__container>div:last-child {
        height: calc(100% - 68px);
    }

    #sj-overlay-holder .sj-paginator {
        margin-top: 5px;
    }

    #sj-overlay-holder .sj-paginator__page-number {
        font-size: 20px;
        line-height: 20px;
    }

    #sj-overlay-holder .sj-paginator__page-number--current {
        color: #fff;
    }

    #sj-overlay-holder .sj-input__input {
        border: 1px solid #777;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0;
        padding: 0;
    }

    #sj-overlay-holder .sj-input__input .sj-input__button {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 14px;
    }

    #sj-overlay-holder .sj-input__input input {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        padding: 8px;
        margin: 0;
    }

    #sj-overlay-holder .sj-input__input span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        font-size: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    #sj-overlay-holder .sj-tabs>div:before {
        color: #000;
        content: "Filter by: ";
        font-size: 16px;
        margin-right: 0;
        padding-bottom: 8px;
        padding-top: 7.2px;
    }

    #sj-overlay-holder .sj-results__result h3 {
        font-family: Source Sans Pro, Arial, Trebuchet MS, sans-serif;
        font-weight: 700;
    }

    #sj-overlay-holder .sj-results__result__description,
    #sj-overlay-holder .sj-results__result h3 {
        font-size: 16px;
    }

    #sj-overlay-holder .sj-results__result__image {
        display: none;
    }

    @media screen and (min-width: 43.75em) {
        #sj-overlay-holder .sj-results__result__image {
            display: inline-block;
        }
    }

    #sj-overlay-holder .sj-close svg {
        vertical-align: middle;
    }
</style>

<!-- begin TCU global nav -->
<header title="global header" class="tcu-global-header__wrapper">
    <div class="tcu-global-header tcu-layout-constrain cf">
        <div class="tcu-global-header-left">
            <div class="tcu-global-logo-wrap">
                <a class="tcu-global-logo" href="https://www.tcu.edu/" aria-label="Open global TCU Navigation menu" rel="nofollow">
                    <svg xmlns="http://www.w3.org/2000/svg" height="51" width="105" viewBox="0 0 357.9 172.9">
                        <path fill="#4D1979" d="M335.1 149.8c3.1 0 5.7 2.5 5.7 5.7s-2.6 5.7-5.7 5.7-5.7-2.5-5.7-5.7 2.6-5.7 5.7-5.7zm0 12.6c3.8 0 6.9-3 6.9-6.8s-3-6.8-6.9-6.8c-3.8 0-6.9 3-6.9 6.8.1 3.7 3.1 6.8 6.9 6.8zm1.2-6.5c1 0 2.1-.6 2.1-2.1 0-1.6-1.3-2-2.6-2h-3.2v7.7h1.1V156h1.4l2 3.5h1.3l-2.1-3.6zm-.8-3.1c.9 0 1.7.1 1.7 1 0 1-1.4.9-2.5.9h-1.2v-1.9h2zM108.2 3.8C51.3 11.4 5.7 31.5 3.8 32.3l-1 .5L0 34v60l6.7-3.2 2.3-1c2.9-1.4 10.9-5 22.7-9.6l1-.4 3.1-1.1V59c1.8-.6 3.5-1.2 5.1-1.8v68.4c-4 1.6-7.7 3.2-11.2 4.7l-1 .4-2.8 1.2v40.9l6.8-3.3 2.3-1.1c16.9-8.1 34.3-15.1 51.8-20.7l1.1-.3 3.4-1v-37.9l-6 1.8-2.1.6c-2.3.7-4.7 1.4-7 2.1V46.6c1.9-.5 3.7-.9 5.4-1.3v19.3l5.8-1.3 2-.5c7.3-1.7 14.2-3 20.6-4.1l1.4-.2 3.9-.7V2.9l-5.3.7-1.8.2zm92.1-1.3L199 1.2l-1.8-.2h-.5c-6.6-.7-13.8-1-21.6-1-11 0-19.6.7-21.4.8h-.5l-1.9.2-1.3 1.3-26.1 26.9-1.3 1.4v78.1l1.3 1.4 24.6 26.1 1.6 1.7 2.3-.2.8-.1c1-.1 9.9-.8 21.5-.8 7.7 0 14.8.3 21 .9l.7.1 2.3.3 1.6-1.7 25.7-26.3 1.3-1.4V81.4L223 81l-25.9-3-5.2-.6v15.8c-1.9 1.9-5.3 5.3-7.3 7.2-3.1-.1-6.3-.2-9.6-.2-4.3 0-8.2.1-11.1.2-1.6-1.7-4.1-4.3-5.6-5.9V45.3c.8-.8 1.9-2 3.1-3.2 2-2.1 4.2-4.4 5.6-5.8 2.7-.1 5.4-.1 8-.1 2.6 0 5.2 0 7.6.1 2.3 2.2 6.8 6.7 9.1 9v13.4l4.2.4 25.9 2.6 5.2.5V30.6l-1.3-1.4-25.4-26.7zm154.9 35l-.9-.4c-12.9-6.4-28.4-12.4-45.8-17.6l-2.2-.6-6-1.7v37.9l3.2 1.1c1.8.6 4.2 1.4 6.1 2v60.1c-1.8 1.6-4.8 4.1-6.8 5.9-4.1-1.5-11.6-4.4-14.9-5.6-1.8-3-6-9.9-7.6-12.6V49.3c2.8.7 5.6 1.4 5.8 1.5l5.9 1.5V14.7l-3.7-.8-1.2-.3c-21.6-5.4-39.6-8.2-46.3-9.1l-1.8-.3-5.4-.8v36.9l4.1.6 1.4.2h.1c.8.1 2.4.3 4.6.7v72.8l.7 1.1L264 148l1 1.6 1.8.5.6.2c3.1.9 19.8 5.8 37 14.4l1 .5 2.8 1.4 2.4-2.1 32.9-28.4 1.6-1.4V72.5l3.6 1.8 2.4 1.2 6.8 3.4V38.7l-2.7-1.2z" />
                    </svg>
                    <span class="tcu-visuallyhidden">Texas Christian University</span>
                </a>
            </div>
        </div><!--/ .header-left -->

        <div class="tcu-global-header-right">
            <button class="search">
                <span class="icon-label">Search</span><svg focusable="false" height="16" width="16" class="search-icon" viewBox="0 0 27 31">
                    <path d="M3.552 10c0-3.564 2.917-6.468 6.503-6.468 3.587 0 6.504 2.904 6.504 6.468 0 3.568-2.917 6.47-6.504 6.47-3.586 0-6.503-2.902-6.503-6.47m23.115 17.586l-7.555-10.008h-.546l-.548.545-.806-1.107A9.934 9.934 0 0020.11 10c0-5.513-4.51-10-10.056-10C4.511 0 0 4.487 0 10c0 5.516 4.51 10.002 10.055 10.002 1.643 0 3.191-.403 4.563-1.1l1.006 1.141-.605.604v.286s7.439 9.29 7.9 9.749c.461.459 1.499.286 1.499.286s1.5-.86 2.25-1.605c.748-.746 0-1.777 0-1.777" fill-rule="evenodd" />
                </svg>
            </button>

            <button class="tcu-menu-toggle" aria-label="Open global TCU Navigation menu">
                <span class="toggle-label">TCU Navigation</span>

                <span class="hamburger">
                    <span class="icon-bar top-bar"></span>
                    <span class="icon-bar middle-bar"></span>
                    <span class="icon-bar bottom-bar"></span>
                </span>
            </button>
        </div>
    </div><!-- / .global-header -->

    <div id="results-overlay"></div><!--/ Search Form Wrapper -->
</header>

<div role="region" aria-label="TCU Navigation panel" class="tcu-content-sheet -navigation" data-state>
    <button class="tcu-close-contentsheet -close-menu"><span class="tcu-visuallyhidden">Close global TCU Navigation menu</span></button>
    <nav class="tcu-global-nav" aria-label="TCU Global">
        <div class="tcu-nav-wrap">
            <!-- 1 -->
            <div class="tcu-button-wrap flex-order1">
                <a href="https://www.tcu.edu" title="Visit the main TCU site" class="logo">
                    <svg xmlns="http://www.w3.org/2000/svg" width="240" height="115" viewBox="0 0 357.9 172.9">
                        <path fill="#FDFDFE" d="M335.1 149.8c3.1 0 5.7 2.5 5.7 5.7s-2.6 5.7-5.7 5.7-5.7-2.5-5.7-5.7 2.6-5.7 5.7-5.7zm0 12.6c3.8 0 6.9-3 6.9-6.8s-3-6.8-6.9-6.8c-3.8 0-6.9 3-6.9 6.8.1 3.7 3.1 6.8 6.9 6.8zm1.2-6.5c1 0 2.1-.6 2.1-2.1 0-1.6-1.3-2-2.6-2h-3.2v7.7h1.1V156h1.4l2 3.5h1.3l-2.1-3.6zm-.8-3.1c.9 0 1.7.1 1.7 1 0 1-1.4.9-2.5.9h-1.2v-1.9h2zM108.2 3.8C51.3 11.4 5.7 31.5 3.8 32.3l-1 .5L0 34v60l6.7-3.2 2.3-1c2.9-1.4 10.9-5 22.7-9.6l1-.4 3.1-1.1V59c1.8-.6 3.5-1.2 5.1-1.8v68.4c-4 1.6-7.7 3.2-11.2 4.7l-1 .4-2.8 1.2v40.9l6.8-3.3 2.3-1.1c16.9-8.1 34.3-15.1 51.8-20.7l1.1-.3 3.4-1v-37.9l-6 1.8-2.1.6c-2.3.7-4.7 1.4-7 2.1V46.6c1.9-.5 3.7-.9 5.4-1.3v19.3l5.8-1.3 2-.5c7.3-1.7 14.2-3 20.6-4.1l1.4-.2 3.9-.7V2.9l-5.3.7-1.8.2zm92.1-1.3L199 1.2l-1.8-.2h-.5c-6.6-.7-13.8-1-21.6-1-11 0-19.6.7-21.4.8h-.5l-1.9.2-1.3 1.3-26.1 26.9-1.3 1.4v78.1l1.3 1.4 24.6 26.1 1.6 1.7 2.3-.2.8-.1c1-.1 9.9-.8 21.5-.8 7.7 0 14.8.3 21 .9l.7.1 2.3.3 1.6-1.7 25.7-26.3 1.3-1.4V81.4L223 81l-25.9-3-5.2-.6v15.8c-1.9 1.9-5.3 5.3-7.3 7.2-3.1-.1-6.3-.2-9.6-.2-4.3 0-8.2.1-11.1.2-1.6-1.7-4.1-4.3-5.6-5.9V45.3c.8-.8 1.9-2 3.1-3.2 2-2.1 4.2-4.4 5.6-5.8 2.7-.1 5.4-.1 8-.1 2.6 0 5.2 0 7.6.1 2.3 2.2 6.8 6.7 9.1 9v13.4l4.2.4 25.9 2.6 5.2.5V30.6l-1.3-1.4-25.4-26.7zm154.9 35l-.9-.4c-12.9-6.4-28.4-12.4-45.8-17.6l-2.2-.6-6-1.7v37.9l3.2 1.1c1.8.6 4.2 1.4 6.1 2v60.1c-1.8 1.6-4.8 4.1-6.8 5.9-4.1-1.5-11.6-4.4-14.9-5.6-1.8-3-6-9.9-7.6-12.6V49.3c2.8.7 5.6 1.4 5.8 1.5l5.9 1.5V14.7l-3.7-.8-1.2-.3c-21.6-5.4-39.6-8.2-46.3-9.1l-1.8-.3-5.4-.8v36.9l4.1.6 1.4.2h.1c.8.1 2.4.3 4.6.7v72.8l.7 1.1L264 148l1 1.6 1.8.5.6.2c3.1.9 19.8 5.8 37 14.4l1 .5 2.8 1.4 2.4-2.1 32.9-28.4 1.6-1.4V72.5l3.6 1.8 2.4 1.2 6.8 3.4V38.7l-2.7-1.2z" />
                    </svg>
                </a>
                <a href="https://www.tcu.edu/apply.php" class="tcu-global-nav-button" aria-label="Apply to TCU undergraduate, graduate or medical programs">Apply</a>
            </div>

            <!-- 3 -->
            <div class="tcu-menu -primary-ctas tcu-playfair">
                <ul class="cta-list">
                    <li><a href="https://www.tcu.edu/inquire.php">Inquire</a></li>
                    <li><a href="https://admissions.tcu.edu/visit/">Visit</a></li>
                    <li><a href="https://makeagift.tcu.edu/" aria-label="Give a gift to TCU">Give</a></li>
                </ul>
            </div>

            <!-- 4 -->
            <div class="tcu-menu -info-for">
                <ul>
                    <li class="tcu-menu-label">Info For</li>
                    <li><a href="https://www.tcu.edu/current-students.php">Current Students</a></li>
                    <li><a href="https://www.tcu.edu/faculty-staff.php">Faculty &amp; Staff</a></li>
                    <li><a href="https://studentsuccess.tcu.edu/parent-family/">Parents &amp; Family</a></li>
                    <li><a href="https://alumni.tcu.edu/">Alumni</a></li>
                    <li><a href="https://www.tcu.edu/news/resources-for-media.php">Media</a></li>
                </ul>
            </div>

            <!-- 2 -->
            <div class="tcu-menu -tcu-edu-links flex-order1">
                <ul>
                    <li><a href="https://www.tcu.edu/">TCU.edu Home</a></li>
                    <li><a href="https://www.tcu.edu/about/index.php">About</a></li>
                    <li><a href="https://www.tcu.edu/academics/index.php">Academics</a></li>
                    <li><a href="https://www.tcu.edu/admission-aid/index.php">Admission &amp; Aid</a></li>
                    <li><a href="https://www.tcu.edu/campus-life/index.php">Campus Life</a></li>
                    <li><a href="https://www.tcu.edu/athletics/index.php">Athletics</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="tcu-lead-on-stripes"></div>
</div> <!-- /.tcu-content-sheet -->

<script>
    "use strict";
    ! function() {
        var globalMenu = document.querySelector(".tcu-content-sheet.-navigation"),
            openMenuButton = document.querySelector(".tcu-menu-toggle"),
            openMenuLogo = document.querySelector(".tcu-global-logo"),
            closeMenuButton = document.querySelector(".-close-menu");

        function toggleState(elem, one, two) {
            var element = document.querySelector(elem);
            element.setAttribute("data-state", element.getAttribute("data-state") === one ? two : one)
        }
        var element, focusableEls, firstFocusableEl, lastFocusableEl, megaMenu = {
            navContentSheet: ".-navigation",
            navNode: document.querySelector(".-navigation"),
            openMenu: function(e) {
                e.preventDefault();
                var nav = megaMenu.navContentSheet;
                globalMenu.style.visibility = "visible", toggleState(nav, "", "open"), document.querySelector(nav).querySelector("a").focus(), document.body.classList.add("tcu-global-nav--open")
            },
            closeMenu: function() {
                toggleState(megaMenu.navContentSheet, "open", ""), document.body.classList.remove("tcu-global-nav--open"), openMenuButton.focus()
            }
        };
        openMenuButton.addEventListener("click", megaMenu.openMenu), openMenuLogo.addEventListener("click", megaMenu.openMenu), closeMenuButton.addEventListener("click", megaMenu.closeMenu), document.addEventListener("keydown", function(evt) {
            27 === (evt = evt || window.event).keyCode && "open" === megaMenu.navNode.dataset.state && megaMenu.closeMenu()
        }), focusableEls = (element = globalMenu).querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])'), firstFocusableEl = focusableEls[0], lastFocusableEl = focusableEls[focusableEls.length - 1], element.addEventListener("keydown", function(e) {
            ("Tab" === e.key || 9 === e.keyCode) && (e.shiftKey ? document.activeElement === firstFocusableEl && (lastFocusableEl.focus(), e.preventDefault()) : document.activeElement === lastFocusableEl && (firstFocusableEl.focus(), e.preventDefault()))
        }), globalMenu.style.visibility = "hidden", globalMenu.addEventListener("transitionend", function() {
            "open" !== globalMenu.getAttribute("data-state") && (globalMenu.style.visibility = "hidden")
        })
    }();
    "use strict";
    ! function() {
        if ("function" == typeof sajari) {
            document.querySelector(".search").onclick = function() {
                searchInterface("pub", "overlay-show")
            };
            var tabFilters = {},
                resultsPerPage = 700 <= window.outerWidth ? "10" : "5";
            (tcuglobal.searchfilter || tcuglobal.searchpath) && tcuglobal.searchtab && (tabFilters = {
                defaultTab: tcuglobal.searchtab,
                tabs: [{
                    title: "All",
                    filter: ""
                }, {
                    title: tcuglobal.searchtab,
                    filter: tcuglobal.searchfilter || "domain='" + tcuglobal.searchpath + "'"
                }]
            });
            var searchInterface = sajari.init({
                mode: "overlay",
                project: "1567663525099981669",
                collection: "search-tcu-edu",
                pipeline: "website",
                instantPipeline: "autocomplete",
                attachOverlay: document.getElementById("results-overlay"),
                inputPlaceholder: "Search",
                inputSearchButtonText: "Search",
                inputAutoFocus: !0,
                maxSuggestions: 5,
                results: {
                    showImages: !1
                },
                values: {
                    "q.override": !0,
                    resultsPerPage: resultsPerPage,
                    q: (e = "q", a = new RegExp("[?&]" + e.replace(/[[\]]/g, "\\$&") + "(=([^&#]*)|&|#|$)").exec(window.location.href), a && a[2] ? decodeURIComponent(a[2].replace(/\+/g, " ")) : "")
                },
                tabFilters: tabFilters,
                styling: {
                    theme: {
                        colors: {
                            brand: {
                                primary: "#4d1979"
                            }
                        }
                    }
                }
            })
        }
        var e, a
    }();
</script>
<!-- end of global TCU nav include -->
Handle: @global-nav
Tags: global
Preview:
Filesystem Path: _src/components/global/global-nav/global-nav.twig
Referenced by (1): @layout