﻿@charset "UTF-8";
/*
 * Buckeye UX v1.0.0 (https://bux.osu.edu/)
 * Copyright 2021-2024 The Ohio State University
 * Office of Student Life - Custom (5/1/2024)
 */

/*
 * --------------------------------------------------------------------------
 * Fonts (partial)
 * --------------------------------------------------------------------------
 */

@import url("https://assets.bux.osu.edu/bux-icons/bux-icons.css");
@import url("https://s3.amazonaws.com/assets.bux.osu.edu/bux-webfonts2/bux-webfonts2.css");

/*
 * --------------------------------------------------------------------------
 * Utils
 * --------------------------------------------------------------------------
 */

/*
 * Reset (partial)
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
 * --------------------------------------------------------------------------
 * Core
 * --------------------------------------------------------------------------
 */

/*
 * Grid
 */

.bux-container {
    width: 100%;
    max-width: 1440px;
    padding-right: 32px;
    padding-left: 32px;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (min-width: 640px) {
    .bux-container {
        padding-right: 64px;
        padding-left: 64px;
    }
}

@media (min-width: 960px) {
    .bux-container {
        padding-right: 128px;
        padding-left: 128px;
    }
}

.bux-container.bux-grid {
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 640px) {
    .bux-container.bux-grid {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 960px) {
    .bux-container.bux-grid {
        padding-left: 112px;
        padding-right: 112px;
    }
}

.bux-grid {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    margin-right: -16px;
    margin-left: -16px;
}

    .bux-grid:after {
        display: block;
        height: 0;
        clear: both;
        content: "";
        visibility: hidden;
    }

.bux-grid--no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.bux-grid__cell {
    flex-basis: 0;
    flex-grow: 1;
    align-self: stretch;
    width: 100%;
    min-height: 1px;
    float: left;
    margin-right: 16px;
    margin-left: 16px;
}

.bux-grid > .bux-grid__cell--1 {
    width: calc(8.333 * 1% - 16px * 2);
    flex-basis: calc(8.333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--1 {
    width: 8.333%;
    flex-basis: 8.333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--2 {
    width: calc(16.6667 * 1% - 16px * 2);
    flex-basis: calc(16.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--2 {
    width: 16.6667%;
    flex-basis: 16.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--3 {
    width: calc(25 * 1% - 16px * 2);
    flex-basis: calc(25 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--3 {
    width: 25%;
    flex-basis: 25%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--4 {
    width: calc(33.3333 * 1% - 16px * 2);
    flex-basis: calc(33.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--4 {
    width: 33.3333%;
    flex-basis: 33.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--5 {
    width: calc(41.6667 * 1% - 16px * 2);
    flex-basis: calc(41.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--5 {
    width: 41.6667%;
    flex-basis: 41.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--6 {
    width: calc(50 * 1% - 16px * 2);
    flex-basis: calc(50 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--6 {
    width: 50%;
    flex-basis: 50%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--7 {
    width: calc(58.3333 * 1% - 16px * 2);
    flex-basis: calc(58.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--7 {
    width: 58.3333%;
    flex-basis: 58.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--8 {
    width: calc(66.6667 * 1% - 16px * 2);
    flex-basis: calc(66.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--8 {
    width: 66.6667%;
    flex-basis: 66.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--9 {
    width: calc(75 * 1% - 16px * 2);
    flex-basis: calc(75 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--9 {
    width: 75%;
    flex-basis: 75%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--10 {
    width: calc(83.3333 * 1% - 16px * 2);
    flex-basis: calc(83.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--10 {
    width: 83.3333%;
    flex-basis: 83.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--11 {
    width: calc(91.6667 * 1% - 16px * 2);
    flex-basis: calc(91.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--11 {
    width: 91.6667%;
    flex-basis: 91.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--12 {
    width: calc(100 * 1% - 16px * 2);
    flex-basis: calc(100 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--12 {
    width: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--1\@sm {
    width: calc(8.333 * 1% - 16px * 2);
    flex-basis: calc(8.333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--1\@sm {
    width: 8.333%;
    flex-basis: 8.333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--2\@sm {
    width: calc(16.6667 * 1% - 16px * 2);
    flex-basis: calc(16.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--2\@sm {
    width: 16.6667%;
    flex-basis: 16.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--3\@sm {
    width: calc(25 * 1% - 16px * 2);
    flex-basis: calc(25 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--3\@sm {
    width: 25%;
    flex-basis: 25%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--4\@sm {
    width: calc(33.3333 * 1% - 16px * 2);
    flex-basis: calc(33.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--4\@sm {
    width: 33.3333%;
    flex-basis: 33.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--5\@sm {
    width: calc(41.6667 * 1% - 16px * 2);
    flex-basis: calc(41.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--5\@sm {
    width: 41.6667%;
    flex-basis: 41.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--6\@sm {
    width: calc(50 * 1% - 16px * 2);
    flex-basis: calc(50 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--6\@sm {
    width: 50%;
    flex-basis: 50%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--7\@sm {
    width: calc(58.3333 * 1% - 16px * 2);
    flex-basis: calc(58.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--7\@sm {
    width: 58.3333%;
    flex-basis: 58.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--8\@sm {
    width: calc(66.6667 * 1% - 16px * 2);
    flex-basis: calc(66.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--8\@sm {
    width: 66.6667%;
    flex-basis: 66.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--9\@sm {
    width: calc(75 * 1% - 16px * 2);
    flex-basis: calc(75 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--9\@sm {
    width: 75%;
    flex-basis: 75%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--10\@sm {
    width: calc(83.3333 * 1% - 16px * 2);
    flex-basis: calc(83.3333 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--10\@sm {
    width: 83.3333%;
    flex-basis: 83.3333%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--11\@sm {
    width: calc(91.6667 * 1% - 16px * 2);
    flex-basis: calc(91.6667 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--11\@sm {
    width: 91.6667%;
    flex-basis: 91.6667%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--12\@sm {
    width: calc(100 * 1% - 16px * 2);
    flex-basis: calc(100 * 1% - 16px * 2);
    flex-grow: 0;
}

.bux-grid--no-gutters > .bux-grid__cell--12\@sm {
    width: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    margin-right: 0;
    margin-left: 0;
}

.bux-grid > .bux-grid__cell--auto\@sm {
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
}

@media only screen and (min-width: 640px) {
    .bux-grid > .bux-grid__cell--1\@md {
        width: calc(8.333 * 1% - 16px * 2);
        flex-basis: calc(8.333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--1\@md {
        width: 8.333%;
        flex-basis: 8.333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--2\@md {
        width: calc(16.6667 * 1% - 16px * 2);
        flex-basis: calc(16.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--2\@md {
        width: 16.6667%;
        flex-basis: 16.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--3\@md {
        width: calc(25 * 1% - 16px * 2);
        flex-basis: calc(25 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--3\@md {
        width: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--4\@md {
        width: calc(33.3333 * 1% - 16px * 2);
        flex-basis: calc(33.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--4\@md {
        width: 33.3333%;
        flex-basis: 33.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--5\@md {
        width: calc(41.6667 * 1% - 16px * 2);
        flex-basis: calc(41.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--5\@md {
        width: 41.6667%;
        flex-basis: 41.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--6\@md {
        width: calc(50 * 1% - 16px * 2);
        flex-basis: calc(50 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--6\@md {
        width: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--7\@md {
        width: calc(58.3333 * 1% - 16px * 2);
        flex-basis: calc(58.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--7\@md {
        width: 58.3333%;
        flex-basis: 58.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--8\@md {
        width: calc(66.6667 * 1% - 16px * 2);
        flex-basis: calc(66.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--8\@md {
        width: 66.6667%;
        flex-basis: 66.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--9\@md {
        width: calc(75 * 1% - 16px * 2);
        flex-basis: calc(75 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--9\@md {
        width: 75%;
        flex-basis: 75%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--10\@md {
        width: calc(83.3333 * 1% - 16px * 2);
        flex-basis: calc(83.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--10\@md {
        width: 83.3333%;
        flex-basis: 83.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--11\@md {
        width: calc(91.6667 * 1% - 16px * 2);
        flex-basis: calc(91.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--11\@md {
        width: 91.6667%;
        flex-basis: 91.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--12\@md {
        width: calc(100 * 1% - 16px * 2);
        flex-basis: calc(100 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--12\@md {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--auto\@md {
        flex-basis: 0;
        flex-grow: 1;
        width: 100%;
    }
}

@media only screen and (min-width: 960px) {
    .bux-grid > .bux-grid__cell--1\@lg {
        width: calc(8.333 * 1% - 16px * 2);
        flex-basis: calc(8.333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--1\@lg {
        width: 8.333%;
        flex-basis: 8.333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--2\@lg {
        width: calc(16.6667 * 1% - 16px * 2);
        flex-basis: calc(16.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--2\@lg {
        width: 16.6667%;
        flex-basis: 16.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--3\@lg {
        width: calc(25 * 1% - 16px * 2);
        flex-basis: calc(25 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--3\@lg {
        width: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--4\@lg {
        width: calc(33.3333 * 1% - 16px * 2);
        flex-basis: calc(33.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--4\@lg {
        width: 33.3333%;
        flex-basis: 33.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--5\@lg {
        width: calc(41.6667 * 1% - 16px * 2);
        flex-basis: calc(41.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--5\@lg {
        width: 41.6667%;
        flex-basis: 41.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--6\@lg {
        width: calc(50 * 1% - 16px * 2);
        flex-basis: calc(50 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--6\@lg {
        width: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--7\@lg {
        width: calc(58.3333 * 1% - 16px * 2);
        flex-basis: calc(58.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--7\@lg {
        width: 58.3333%;
        flex-basis: 58.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--8\@lg {
        width: calc(66.6667 * 1% - 16px * 2);
        flex-basis: calc(66.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--8\@lg {
        width: 66.6667%;
        flex-basis: 66.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--9\@lg {
        width: calc(75 * 1% - 16px * 2);
        flex-basis: calc(75 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--9\@lg {
        width: 75%;
        flex-basis: 75%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--10\@lg {
        width: calc(83.3333 * 1% - 16px * 2);
        flex-basis: calc(83.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--10\@lg {
        width: 83.3333%;
        flex-basis: 83.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--11\@lg {
        width: calc(91.6667 * 1% - 16px * 2);
        flex-basis: calc(91.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--11\@lg {
        width: 91.6667%;
        flex-basis: 91.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--12\@lg {
        width: calc(100 * 1% - 16px * 2);
        flex-basis: calc(100 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--12\@lg {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--auto\@lg {
        flex-basis: 0;
        flex-grow: 1;
        width: 100%;
    }
}

@media only screen and (min-width: 1216px) {
    .bux-grid > .bux-grid__cell--1\@xl {
        width: calc(8.333 * 1% - 16px * 2);
        flex-basis: calc(8.333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--1\@xl {
        width: 8.333%;
        flex-basis: 8.333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--2\@xl {
        width: calc(16.6667 * 1% - 16px * 2);
        flex-basis: calc(16.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--2\@xl {
        width: 16.6667%;
        flex-basis: 16.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--3\@xl {
        width: calc(25 * 1% - 16px * 2);
        flex-basis: calc(25 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--3\@xl {
        width: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--4\@xl {
        width: calc(33.3333 * 1% - 16px * 2);
        flex-basis: calc(33.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--4\@xl {
        width: 33.3333%;
        flex-basis: 33.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--5\@xl {
        width: calc(41.6667 * 1% - 16px * 2);
        flex-basis: calc(41.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--5\@xl {
        width: 41.6667%;
        flex-basis: 41.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--6\@xl {
        width: calc(50 * 1% - 16px * 2);
        flex-basis: calc(50 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--6\@xl {
        width: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--7\@xl {
        width: calc(58.3333 * 1% - 16px * 2);
        flex-basis: calc(58.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--7\@xl {
        width: 58.3333%;
        flex-basis: 58.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--8\@xl {
        width: calc(66.6667 * 1% - 16px * 2);
        flex-basis: calc(66.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--8\@xl {
        width: 66.6667%;
        flex-basis: 66.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--9\@xl {
        width: calc(75 * 1% - 16px * 2);
        flex-basis: calc(75 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--9\@xl {
        width: 75%;
        flex-basis: 75%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--10\@xl {
        width: calc(83.3333 * 1% - 16px * 2);
        flex-basis: calc(83.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--10\@xl {
        width: 83.3333%;
        flex-basis: 83.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--11\@xl {
        width: calc(91.6667 * 1% - 16px * 2);
        flex-basis: calc(91.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--11\@xl {
        width: 91.6667%;
        flex-basis: 91.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--12\@xl {
        width: calc(100 * 1% - 16px * 2);
        flex-basis: calc(100 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--12\@xl {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--auto\@xl {
        flex-basis: 0;
        flex-grow: 1;
        width: 100%;
    }
}

@media only screen and (min-width: 1440px) {
    .bux-grid > .bux-grid__cell--1\@xxl {
        width: calc(8.333 * 1% - 16px * 2);
        flex-basis: calc(8.333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--1\@xxl {
        width: 8.333%;
        flex-basis: 8.333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--2\@xxl {
        width: calc(16.6667 * 1% - 16px * 2);
        flex-basis: calc(16.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--2\@xxl {
        width: 16.6667%;
        flex-basis: 16.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--3\@xxl {
        width: calc(25 * 1% - 16px * 2);
        flex-basis: calc(25 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--3\@xxl {
        width: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--4\@xxl {
        width: calc(33.3333 * 1% - 16px * 2);
        flex-basis: calc(33.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--4\@xxl {
        width: 33.3333%;
        flex-basis: 33.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--5\@xxl {
        width: calc(41.6667 * 1% - 16px * 2);
        flex-basis: calc(41.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--5\@xxl {
        width: 41.6667%;
        flex-basis: 41.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--6\@xxl {
        width: calc(50 * 1% - 16px * 2);
        flex-basis: calc(50 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--6\@xxl {
        width: 50%;
        flex-basis: 50%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--7\@xxl {
        width: calc(58.3333 * 1% - 16px * 2);
        flex-basis: calc(58.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--7\@xxl {
        width: 58.3333%;
        flex-basis: 58.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--8\@xxl {
        width: calc(66.6667 * 1% - 16px * 2);
        flex-basis: calc(66.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--8\@xxl {
        width: 66.6667%;
        flex-basis: 66.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--9\@xxl {
        width: calc(75 * 1% - 16px * 2);
        flex-basis: calc(75 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--9\@xxl {
        width: 75%;
        flex-basis: 75%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--10\@xxl {
        width: calc(83.3333 * 1% - 16px * 2);
        flex-basis: calc(83.3333 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--10\@xxl {
        width: 83.3333%;
        flex-basis: 83.3333%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--11\@xxl {
        width: calc(91.6667 * 1% - 16px * 2);
        flex-basis: calc(91.6667 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--11\@xxl {
        width: 91.6667%;
        flex-basis: 91.6667%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--12\@xxl {
        width: calc(100 * 1% - 16px * 2);
        flex-basis: calc(100 * 1% - 16px * 2);
        flex-grow: 0;
    }

    .bux-grid--no-gutters > .bux-grid__cell--12\@xxl {
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .bux-grid > .bux-grid__cell--auto\@xxl {
        flex-basis: 0;
        flex-grow: 1;
        width: 100%;
    }
}

/*
 * Mixins
 */

.visually-hidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/*
 * Base (partial)
 */

html {
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    /*line-height: 1.5;*/
    color: #212325;
}

/*
 * --------------------------------------------------------------------------
 * Components
 * --------------------------------------------------------------------------
 */

/*
 * Card
 */

.bux-card {
    border-top: 4px solid #ba0c2f;
    color: #212325;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.bux-card--gray {
    background-color: #f6f7f8;
}

.bux-card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

bux-card .bux-image {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.bux-card__content {
    padding: 24px;
    border: 2px solid #f6f7f8;
    border-top: none;
    position: relative;
    z-index: 2;
    pointer-events: none;
    flex: 1;
}

.bux-card--no-border .bux-card__content,
.bux-card--storytelling .bux-card__content,
.bux-card--horizontal .bux-card__content,
.bux-card--horizontal-storytelling .bux-card__content {
    border: 0;
    padding: 0;
    padding-top: 24px;
    padding-right: 24px;
}

.bux-card--storytelling,
.bux-card--horizontal-storytelling {
    border-top: none;
}

    .bux-card--storytelling .bux-card__heading,
    .bux-card--horizontal-storytelling .bux-card__heading {
        font-family: "BuckeyeSerif", "Georgia", serif;
        font-size: 1.5rem;
        font-weight: 700;
    }

.bux-card__read-time {
    font-size: 1rem;
    color: #646a6e;
    margin-top: 8px;
}

    .bux-card__read-time::before {
        content: "\f302";
        font-family: "bux-icons";
        font-size: 0.875rem;
        margin-right: 6px;
        margin-top: 1.5px;
        float: left;
    }

*.bux-card__heading {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.bux-card__body {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 16px;
}

.bux-card__cta {
    margin-top: 8px;
    position: relative;
    z-index: 2;
}

    .bux-card__cta a {
        color: #212325;
        pointer-events: all;
        text-decoration: none;
        display: table;
    }

        .bux-card__cta a::after {
            content: "\f005";
            font-size: 0.875rem;
            font-family: "bux-icons";
            font-weight: 600;
            color: #ba0c2f;
            padding-left: 8px;
            transition-duration: 0.05s;
            display: table-cell;
            vertical-align: middle;
        }

        .bux-card__cta a:hover {
            color: #ba0c2f;
        }

            .bux-card__cta a:hover::after {
                padding-left: 16px;
                transition-duration: 0.05s;
            }

        .bux-card__cta a:focus {
            outline: 2px solid #3492b8;
            outline-offset: 4px;
        }

.bux-card--linked-headline .bux-card__body,
.bux-card--storytelling .bux-card__body,
.bux-card--horizontal-storytelling .bux-card__body {
    margin-bottom: 8px;
}

.bux-card--linked-headline .bux-card__heading {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 24px;
}

.bux-card__heading--link {
    text-decoration: none;
    color: #212325;
    pointer-events: all;
}

    .bux-card__heading--link::after {
        content: "\f005";
        font-size: 1.5rem;
        font-family: "bux-icons";
        color: #ba0c2f;
        transition-duration: 0.05s;
        float: right;
        padding-right: 24px;
        padding-top: 24px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .bux-card__heading--link:focus {
        outline: 2px solid #3492b8;
    }

.bux-card__heading--storytelling-link {
    text-decoration: none;
    color: #212325;
    pointer-events: all;
}

    .bux-card__heading--storytelling-link:focus {
        outline: 2px solid #3492b8;
    }

.bux-card:hover .bux-card__heading--link {
    color: #ba0c2f;
    text-decoration: none;
}

    .bux-card:hover .bux-card__heading--link::after {
        transition-duration: 0.05s;
        padding-right: 16px;
    }

.bux-card:hover .bux-card__heading--storytelling-link {
    text-decoration: none;
}

.bux-card--horizontal-storytelling:hover .bux-card__heading span {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    color: #212325;
}

.bux-card--storytelling:hover .bux-card__heading span,
.bux-card--horizontal-storytelling:hover .bux-card__heading span {
    color: #212325;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 0 #212325;
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
}

.bux-card--storytelling .bux-card__heading span:hover,
.bux-card--horizontal-storytelling .bux-card__heading span:hover {
    color: #212325;
}

.bux-card__taxonomy {
    color: #ba0c2f;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-bottom: 8px;
    display: inline-block;
}

.bux-card--featured {
    display: block;
    background-color: #fff;
    max-width: 100%;
    margin-right: 0;
}

    .bux-card--featured .bux-card__content {
        padding: 32px;
    }

    .bux-card--featured .bux-button {
        text-decoration: none;
        display: inline-block;
    }

    .bux-card--featured:hover .bux-button {
        background-color: #3f4443;
        color: #fff;
        border-color: #3f4443;
    }

@media (min-width: 640px) {

    .bux-card--horizontal,
    .bux-card--horizontal-storytelling {
        border-top: none;
        flex-direction: row;
        max-width: 100%;
    }

        .bux-card--horizontal .bux-card__heading,
        .bux-card--horizontal-storytelling .bux-card__heading {
            font-size: 1.5rem;
        }

        .bux-card--horizontal .bux-image,
        .bux-card--horizontal-storytelling .bux-image {
            max-width: 33%;
            margin-right: 32px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .bux-card--horizontal .bux-card__content,
        .bux-card--horizontal-storytelling .bux-card__content {
            padding-top: 0;
        }

    .bux-card--horizontal-storytelling {
        border-bottom: 2px solid #dfe3e5;
        padding-bottom: 32px;
    }

        .bux-card--horizontal-storytelling .bux-card__content {
            padding-left: 0;
            border: 0;
        }

        .bux-card--horizontal-storytelling .bux-card__body {
            margin-bottom: 8px;
        }
}

/*
 * Site Footer
 */

.bux-footer--white {
    min-height: 200px;
    padding: 24px 0;
    background-color: #fff;
    color: #212325;
    border-top: 2px solid #dfe3e5;
}

    .bux-footer--white .bux-link {
        color: #212325;
        border-bottom: 1px solid #212325;
    }

        .bux-footer--white .bux-link:hover {
            background-color: #eff1f2;
            color: #ba0c2f;
            border-bottom-color: #ba0c2f;
        }

        .bux-footer--white .bux-link:focus {
            outline: 2px solid #3492b8;
            background-color: #eff1f2;
            color: #ba0c2f;
        }

    .bux-footer--white hr {
        border: none;
        border-top: 2px solid #eff1f2;
        margin-bottom: 16px;
    }

    .bux-footer--white .bux-footer__col--left {
        margin-bottom: 48px;
    }

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__col--left {
        margin-bottom: 0;
        padding-right: 32px;
    }
}

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__col--right {
        padding-left: 32px;
    }
}

.bux-footer--white .bux-footer__logo {
    margin-bottom: 16px;
}

    .bux-footer--white .bux-footer__logo a {
        display: inline-block;
        width: 270px;
    }

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__logo a {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .bux-footer--white .bux-footer__logo a {
        width: 290px;
    }
}

.bux-footer--white .bux-footer__logo a:focus {
    outline: 2px solid #3492b8;
}

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__contact {
        max-width: 300px;
    }
}

.bux-footer--white .bux-footer__contact p {
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.375;
}

.bux-footer--white .bux-footer__contact--address {
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.bux-footer--white .bux_footer__site-name {
    font-weight: 700;
}

.bux-footer--white p.bux_footer__email,
.bux-footer--white p.bux_footer__phone,
.bux-footer--white p.bux_footer__fax {
    margin: 8px 0;
}

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__social {
        text-align: right;
    }
}

.bux-footer--white .bux-footer__fine-print {
    margin-top: 16px;
    text-align: left;
}

    .bux-footer--white .bux-footer__fine-print div,
    .bux-footer--white .bux-footer__fine-print p {
        font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-size: 0.75rem;
        margin-bottom: 0;
    }

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__fine-print {
        text-align: right;
    }
}

@media (min-width: 640px) {
    .bux-footer--white .bux-footer__ada {
        max-width: 400px;
        float: right;
    }
}

.bux-footer--white .bux-footer__links {
    clear: both;
    padding-top: 16px;
}

.bux-footer--white .bux-footer__copyright {
    clear: both;
    margin-top: 16px;
}

/*
 * Site Header
 */

.bux-header,
.bux-header--white {
    background-color: #fff;
    color: #212325;
    padding: 32px 0;
}

    .bux-header .bux-header__site-name-parent,
    .bux-header .bux-header__site-name-slogan,
    .bux-header--white .bux-header__site-name-parent,
    .bux-header--white .bux-header__site-name-slogan {
        font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.375rem;
    }

@media (min-width: 640px) {

    .bux-header .bux-header__site-name-parent,
    .bux-header .bux-header__site-name-slogan,
    .bux-header--white .bux-header__site-name-parent,
    .bux-header--white .bux-header__site-name-slogan {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.bux-header .bux-header__site-name-parent,
.bux-header--white .bux-header__site-name-parent {
    padding-bottom: 4px;
}

.bux-header .bux-header__site-name-slogan,
.bux-header--white .bux-header__site-name-slogan {
    padding-top: 4px;
}

.bux-header .bux-header__site-name,
.bux-header a,
.bux-header--white .bux-header__site-name,
.bux-header--white a {
    color: #212325;
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.875rem;
    text-decoration: none;
    margin-top: 0;
}

@media (min-width: 640px) {

    .bux-header .bux-header__site-name,
    .bux-header a,
    .bux-header--white .bux-header__site-name,
    .bux-header--white a {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.bux-header--dark {
    background-color: #212325;
    color: #fff;
    padding: 32px 0;
}

    .bux-header--dark .bux-header__site-name-parent,
    .bux-header--dark .bux-header__site-name-slogan {
        font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.375rem;
    }

@media (min-width: 640px) {

    .bux-header--dark .bux-header__site-name-parent,
    .bux-header--dark .bux-header__site-name-slogan {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

.bux-header--dark .bux-header__site-name-parent {
    padding-bottom: 4px;
}

.bux-header--dark .bux-header__site-name-slogan {
    padding-top: 4px;
}

.bux-header--dark .bux-header__site-name,
.bux-header--dark a {
    color: #fff;
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.875rem;
    text-decoration: none;
    margin-top: 0;
}

@media (min-width: 640px) {

    .bux-header--dark .bux-header__site-name,
    .bux-header--dark a {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

/*
 * Image
 */

.bux-image {
    display: block;
    width: 100%;
}

.bux-image__float-left {
    float: left;
    margin-right: 32px;
}

.bux-image__float-right {
    float: right;
    margin-left: 32px;
}

.bux-image--16x9 {
    aspect-ratio: 16/9;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bux-image--1x1 {
    aspect-ratio: 1/1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bux-image--3x2 {
    aspect-ratio: 3/2;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bux-image-caption {
    border-bottom: 2px solid #eff1f2;
    margin-bottom: 32px;
}

.bux-image-caption__text {
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0 10px;
}

/*
 * Link
 */

.bux-link {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #ba0c2f;
    border-bottom-color: #ba0c2f;
}

    .bux-link:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-link:hover {
        color: #212325;
        border-bottom-color: #212325;
        background-color: #eff1f2;
    }

    .bux-link:focus {
        color: #ba0c2f;
    }

    .bux-link:visited {
        color: #660099;
        border-bottom-color: #660099;
    }

.bux-link--before:before {
    content: "\f015";
    font-size: 0.875rem;
    font-family: "bux-icons";
    padding-right: 4px;
}

.bux-link--after:after {
    content: "\f116";
    font-size: 0.875rem;
    font-family: "bux-icons";
    padding-left: 4px;
}

.bux-link--reverse {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #fff;
    border-bottom-color: #fff;
}

    .bux-link--reverse:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-link--reverse:hover {
        color: #fff;
        border-bottom-color: #fff;
        background-color: #646a6e;
    }

    .bux-link--reverse:focus {
        color: #fff;
        background-color: #646a6e;
    }

    .bux-link--reverse:visited {
        color: #e7cdf4;
        border-bottom-color: #e7cdf4;
    }

    .bux-link--reverse:hover {
        color: #212325;
        border-bottom-color: #fff;
        background-color: #eff1f2;
    }

    .bux-link--reverse:focus {
        color: #212325;
        background-color: #eff1f2;
        outline: 2px solid #74BAD8;
    }

.bux-link--alt {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #ba0c2f;
    border-bottom-color: #ba0c2f;
}

    .bux-link--alt:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-link--alt:hover {
        color: #000;
        border-bottom-color: #212325;
        background-color: #fff;
    }

    .bux-link--alt:focus {
        color: #ba0c2f;
        background-color: #fff;
    }

    .bux-link--alt:visited {
        color: #660099;
        border-bottom-color: #660099;
    }

.bux-link--scarlet {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #fff;
    border-bottom-color: #fff;
}

    .bux-link--scarlet:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-link--scarlet:hover {
        color: #212325;
        border-bottom-color: #fff;
        background-color: #eff1f2;
    }

    .bux-link--scarlet:focus {
        color: #212325;
        background-color: #eff1f2;
        outline: 2px solid #74BAD8;
    }

    .bux-link--scarlet:visited {
        color: #e7cdf4;
        border-bottom-color: #e7cdf4;
    }

    .bux-link--scarlet:hover {
        color: #212325;
        border-bottom-color: #fff;
        background-color: #eff1f2;
    }

    .bux-link--scarlet:focus {
        color: #212325;
        background-color: #eff1f2;
        outline: 2px solid #74BAD8;
    }

/*
 * OSU Navbar
 * Fixes: `@media (min-width: 960px)` changed to 1060px inline.
 */

.bux-osu-nav {
    background-color: #fff;
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    padding: 10px 0;
    position: relative;
    border-bottom: 2px solid #dfe3e5;
}

    .bux-osu-nav .bux-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

@media (min-width: 1060px) {
    .bux-osu-nav {
        padding: 12px 0;
    }
}

.bux-osu-nav__overlay {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999;
}

.bux-osu-nav__wrapper {
    position: relative;
    z-index: 1000;
}

.bux-osu-nav__osu-logo-link {
    display: inline-block;
}

    .bux-osu-nav__osu-logo-link:focus {
        outline: 2px solid #3492b8;
    }

#osu-navname-block,
.bux-osu-nav__osu-logo-img {
    height: 35px;
}

@media (min-width: 1060px) {

    #osu-navname-block,
    .bux-osu-nav__osu-logo-img {
        height: 50px;
    }
}

#osu-navlinks {
    display: none;
}

@media (min-width: 1060px) {
    #osu-navlinks {
        display: block;
    }
}

#osu-navlinks-block button {
    background: none;
    display: inline-block;
    width: 44px;
    height: 44px;
    position: relative;
    right: -12px;
    z-index: 99;
    text-align: center;
    border: none;
    border-left: 2px solid #bfc6cb;
    padding-top: 10px;
    padding-left: 14px;
    z-index: 100;
}

    #osu-navlinks-block button::after {
        font-family: "bux-icons";
        content: "\f00e";
        color: #212325;
        font-size: 20px;
        cursor: pointer;
        font-weight: 700;
    }

@media (min-width: 1060px) {
    #osu-navlinks-block button {
        display: none;
    }
}

#osu-nav-trigger[aria-expanded=true] ~ #osu-navlinks {
    display: block;
    background-color: #fff;
    padding: 3.4375rem 1.25rem 1.25rem;
    left: 0;
    width: 100%;
    margin: 0;
    top: 0;
    position: absolute;
    z-index: 99;
}

@media (min-width: 1060px) {
    #osu-nav-trigger[aria-expanded=true] ~ #osu-navlinks {
        background-color: rgba(0, 0, 0, 0);
        padding: 0;
        margin: 0;
    }
}

#osu-nav-trigger[aria-expanded=true] {
    position: relative;
    border-left: none;
    z-index: 999;
}

@media (min-width: 640px) {
    #osu-nav-trigger[aria-expanded=true] {
        margin-right: -2px;
    }
}

#osu-nav-trigger[aria-expanded=true]::after {
    content: "\f105";
}

#osu-nav-trigger[aria-expanded=true]::before {
    color: #212325;
    content: "";
    font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    position: absolute;
    right: 50px;
    top: 10px;
}

.bux-osu-nav__link {
    border-bottom: 2px solid #dfe3e5;
}

@media (min-width: 1060px) {
    .bux-osu-nav__link {
        padding: 12px;
    }
}

.bux-osu-nav__link:first-child {
    border-top: 2px solid #dfe3e5;
}

.bux-osu-nav__link a {
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #ba0c2f;
    border-bottom-color: #ba0c2f;
    border-bottom: none;
    color: #3f4443;
    display: block;
    padding: 12px;
    font-weight: 700;
}

    .bux-osu-nav__link a:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-osu-nav__link a:hover {
        color: #000;
        border-bottom-color: #212325;
        background-color: #fff;
    }

    .bux-osu-nav__link a:focus {
        color: #ba0c2f;
        background-color: #fff;
    }

@media (min-width: 1060px) {
    .bux-osu-nav__link a {
        display: inline;
        padding: 0;
    }
}

.bux-osu-nav__link a:hover,
.bux-osu-nav__link a:focus {
    border-left: 4px solid #3f4443;
    padding-left: 8px;
    color: #ba0c2f;
}

@media (min-width: 1060px) {

    .bux-osu-nav__link a:hover,
    .bux-osu-nav__link a:focus {
        border-left: none;
        padding-left: 0;
    }
}

@media (min-width: 1060px) {
    .bux-osu-nav__link {
        display: inline-block;
        margin: 0;
        margin-left: 8px;
        border-bottom: none;
    }

        .bux-osu-nav__link:first-child {
            border-top: none;
        }

        .bux-osu-nav__link a {
            font-size: 1rem;
        }

            .bux-osu-nav__link a:hover {
                color: #ba0c2f;
                border-bottom: 1px solid #ba0c2f;
            }
}

/*
 * Skip Navigation
 */

.bux-skip-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: auto;
    right: auto;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-family: inherit;
    text-decoration: none;
    border-bottom: 1px solid;
    color: #ba0c2f;
    border-bottom-color: #ba0c2f;
}

    .bux-skip-navigation:focus {
        border-bottom: none;
        outline: 2px solid #3492b8;
        outline-offset: 2px;
    }

    .bux-skip-navigation:hover {
        color: #212325;
        border-bottom-color: #212325;
        background-color: #eff1f2;
    }

    .bux-skip-navigation:focus {
        color: #ba0c2f;
    }

    .bux-skip-navigation:visited {
        color: #660099;
        border-bottom-color: #660099;
    }

    .bux-skip-navigation:focus {
        line-height: auto;
        height: auto;
        width: auto;
        padding: 0 12px;
        clip: auto;
        z-index: 2400;
        text-align: center;
        border-top: 0;
        margin: 4px;
        top: 0;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
    }

/*
 * --------------------------------------------------------------------------
 * Fixes
 * --------------------------------------------------------------------------
 */

/*
 * Reset
 */

.bux-osu-nav ul[class] {
    padding: 0;
}

body,
.bux-footer p,
.bux-osu-nav ul[class],
.bux-osu-nav li {
    margin: 0;
}

@media (min-width: 960px) {
    .bux-osu-nav li {
        margin-left: 8px;
    }
}

.bux-osu-nav ul[class] {
    list-style: none;
}

.bux-header a:not([class]),
.bux-osu-nav a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

.bux-osu-nav img {
    max-width: 100%;
    display: block;
}

.bux-osu-nav button {
    font: inherit;
}

    /*
 * Button
 */

    .bux-osu-nav button:not([class]) {
        margin: 0;
        overflow: visible;
        line-height: normal;
        cursor: pointer;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        -webkit-appearance: none;
        color: #fff;
        padding: 0.625rem 1.25rem;
        font-family: "BuckeyeSans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        font-weight: 600;
        text-decoration: none;
    }

        .bux-osu-nav button:not([class]):focus,
        .bux-osu-nav button:not([class]):active {
            outline: 2px solid #3492b8;
            outline-offset: 1px;
        }

/*
 * Site Footer
 */

/*@media (max-width: 639px) {
    .bux-footer p.bux_footer__link {
        margin-bottom: 12px;
    }

    .bux-footer p.bux_footer__email,
    .bux-footer p.bux_footer__phone,
    .bux-footer p.bux_footer__fax {
        margin: 12px 0;
    }
}*/

/*
 * Site Header
 */

.bux-header .bux-header__site-name-parent a,
.bux-header .bux-header__site-name-slogan a {
    font-size: 1rem;
    line-height: 1.375rem;
}

@media (min-width: 640px) {
    .bux-header .bux-header__site-name-parent a,
    .bux-header .bux-header__site-name-slogan a {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}
