@charset "UTF-8";
/*!
 * iu-framework
 * @version v3.2.2
 */
img, legend, textarea {
    max-width: 100%
}

button, img, legend {
    border: 0
}

h1, h2, h3, h4, h5, h6, p {
    text-rendering: optimizeLegibility
}

abbr, body {
    color: #45382B
}

.is-open-right, .off-canvas {
    -ms-transform: translateX(0)
}

.clearfix::after, .off-canvas-wrapper-inner::after, .pagination::after, .tabs::after, hr {
    clear: both
}

.invisible, .slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

#skipnav, .no-bullet, .slick-dots, nav.main ul {
    list-style: none
}
/*! Begin IU Foundation Import */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.figcaption, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

.form-error, [hidden], template {
    display: none
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.button, img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block
}

svg:not(:root) {
    overflow: hidden
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.form-error, optgroup {
    font-weight: 700
}

a, b, em, i, small, strong {
    line-height: inherit
}

dl, ol, p, ul {
    line-height: 1.6
}

.button, .skirt .title, .skirt h2, .slick-dots li button:before, .slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: not-allowed
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

legend {
    padding: 0
}

.subheader, body, code {
    font-weight: 400
}

.foundation-mq {
    font-family: "xsmall=0em&small=20em&medium=40em&large=64.0625em&xlarge=75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

*, ::after, ::before {
    box-sizing: inherit
}

body {
    padding: 0;
    margin: 0;
    font-family: BentonSansRegular,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    background: #fff
}

select {
    width: 100%
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    padding: 0;
    border-radius: .25rem;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin-bottom: 1.25rem
}

ol, ul {
    margin-left: 1.25rem
}

p {
    font-size: inherit
}

em, i {
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #333;
    margin-top: 0;
    line-height: 1.15
}

code, kbd {
    background-color: #EDEBEB;
    font-family: Consolas,"Liberation Mono",Courier,monospace
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #404041;
    line-height: 0
}

h1 {
    font-size: 1.75rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

@media screen and (min-width:40em) {
    h1 {
        font-size: 2.75rem
    }

    h2 {
        font-size: 2.3125rem
    }

    h3 {
        font-size: 1.6875rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.125rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    background-color: transparent;
    color: #006298;
    text-decoration: none;
    cursor: pointer
}

#skipnav a, .accordion-content a:not(.button), .bg-dark .accordion-content a:not(.button), .bg-secondary.bg-dark .accordion-content a:not(.button), .callout a:not(.button), .feature a:not(.button), .figcaption a:not(.button), .panel a:not(.button), .quote a:not(.button), .ticker + a.more.top, figcaption a:not(.button), table a:not(.button) {
    text-decoration: underline
}

a:focus, a:hover {
    color: #01426A
}

a img {
    border: 0
}

hr {
    box-sizing: content-box;
    max-width: 64rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #EDEBEB;
    border-left: 0;
    margin: 1.25rem auto
}

.off-canvas.position-right, .slick-slider, input[type=search] {
    box-sizing: border-box
}

dl, ol, ul {
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

.accordion, .tabs {
    list-style-type: none
}

ol ol, ol ul, ul ol, ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem
}

blockquote {
    margin: 0 0 1.25rem;
    padding: 0 1.25rem 0 1.1875rem;
    border-left: 1px solid #404041
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #45382B
    }

cite {
    display: block;
    font-size: 1rem;
    color: #6e635a
}

    cite:before {
        content: '\2014 \0020'
    }

abbr {
    cursor: help;
    border-bottom: 1px dotted #191919
}

.subheader, code, kbd {
    color: #191919
}

code {
    border: 1px solid #EDEBEB;
    padding: .125rem .3125rem .0625rem
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    border-radius: .25rem
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4
}

.button, .stat {
    line-height: 1
}

.stat {
    font-size: 2.5rem
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.button, .input-group-label, .text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width:20em) {
    .small-text-left {
        text-align: left
    }

    .small-text-right {
        text-align: right
    }

    .small-text-center {
        text-align: center
    }

    .small-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:64.0625em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
            content: ''
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #191919
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: .5625em 1em;
    margin: 0 0 1rem;
    font-size: 1rem;
    background-color: #900;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background-color: transparent
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #2199e8;
    color: #fff
}

    .button.primary:focus, .button.primary:hover {
        background-color: #147cc0;
        color: #fff
    }

.button.secondary {
    background-color: #777;
    color: #fff
}

    .button.secondary:focus, .button.secondary:hover {
        background-color: #5f5f5f;
        color: #fff
    }

.button.success {
    background-color: #3adb76;
    color: #fff
}

    .button.success:focus, .button.success:hover {
        background-color: #22bb5b;
        color: #fff
    }

.button.warning {
    background-color: #ffae00;
    color: #fff
}

    .button.warning:focus, .button.warning:hover {
        background-color: #cc8b00;
        color: #fff
    }

.button.alert {
    background-color: #ec5840;
    color: #fff
}

    .button.alert:focus, .button.alert:hover {
        background-color: #da3116;
        color: #fff
    }

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8
}

    .button.hollow, .button.hollow:focus, .button.hollow:hover {
        background-color: transparent
    }

        .button.hollow:focus, .button.hollow:hover {
            border-color: #0c4d78;
            color: #0c4d78
        }

        .button.hollow.primary {
            border: 1px solid #2199e8;
            color: #2199e8
        }

            .button.hollow.primary:focus, .button.hollow.primary:hover {
                border-color: #0c4d78;
                color: #0c4d78
            }

        .button.hollow.secondary {
            border: 1px solid #777;
            color: #777
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                border-color: #3c3c3c;
                color: #3c3c3c
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover {
                border-color: #157539;
                color: #157539
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover {
                border-color: #805700;
                color: #805700
            }

        .button.hollow.alert {
            border: 1px solid #ec5840;
            color: #ec5840
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover {
                border-color: #881f0e;
                color: #881f0e
            }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover {
        background-color: #2199e8;
        color: #fff
    }

    .button.disabled.primary, .button[disabled].primary {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary:focus, .button[disabled].primary:hover {
            background-color: #2199e8;
            color: #fff
        }

    .button.disabled.secondary, .button[disabled].secondary {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover {
            background-color: #777;
            color: #fff
        }

    .button.disabled.success, .button[disabled].success {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover {
            background-color: #3adb76;
            color: #fff
        }

    .button.disabled.warning, .button[disabled].warning {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover {
            background-color: #ffae00;
            color: #fff
        }

    .button.disabled.alert, .button[disabled].alert {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover {
            background-color: #ec5840;
            color: #fff
        }

.button.dropdown::after {
    content: '';
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -.1em
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #ccc;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #191919;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(25,25,25,.1);
    border-radius: 0;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

    [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
        border: 1px solid #999;
        background-color: #fafafa;
        outline: 0;
        box-shadow: none;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea {
    min-height: 50px
}

.off-canvas-content, .off-canvas-wrapper-inner {
    min-height: 100%;
    transition: transform .5s ease
}

textarea[rows] {
    height: auto
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #404041
}

input::placeholder, textarea::placeholder {
    color: #404041
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #EDEBEB;
    cursor: not-allowed
}

[type=submit], [type=button] {
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=file], [type=checkbox], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline
    }

        [type=checkbox] + label[for], [type=radio] + label[for] {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    line-height: 1.8
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #191919
}

.quote cite, .skirt address, address {
    font-style: normal
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group-button a, .input-group-button button, .input-group-button input, fieldset {
    margin: 0
}

.input-group > :first-child {
    border-radius: .25rem 0 0 .25rem
}

.input-group > :last-child > * {
    border-radius: 0 .25rem .25rem 0
}

.input-group-button, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    background: #EDEBEB;
    color: #191919;
    border: 1px solid #404041;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.fieldset, select {
    border: 1px solid #ccc
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    border: 0;
    padding: 0
}

legend {
    margin-bottom: .5rem
}

.fieldset {
    padding: 1.25rem;
    margin: 1.125rem 0
}

    .fieldset legend {
        background: #fff;
        padding: 0 .1875rem;
        margin: 0 0 0 -.1875rem
    }

.flex-video, .form-error, .pagination, table {
    margin-bottom: 1rem
}

select {
    height: 2.4375rem;
    padding: .5rem 1.5rem .5rem .5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #191919;
    background-color: #FAFAFA;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2825, 25, 25%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat
}

.form-error, .is-invalid-label {
    color: #ec5840
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:disabled {
    background-color: #EDEBEB;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236,88,64,.1);
    border-color: #ec5840
}

.form-error {
    margin-top: -.5rem;
    font-size: .75rem
}

    .form-error.is-visible {
        display: block
    }

.hide {
    display: none !important
}

@media screen and (max-width:0em),screen and (min-width:20em) {
    .show-for-xsmall-only {
        display: none !important
    }
}

@media screen and (min-width:20em) {
    .hide-for-small {
        display: none !important
    }
}

@media screen and (max-width:19.9375em) {
    .hide-for-xsmall-only, .show-for-small {
        display: none !important
    }
}

@media screen and (min-width:20em) and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:19.9375em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:64em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:64.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width:64.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:64em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64.0625em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:64em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::after, .clearfix::before {
    content: ' ';
    display: table
}

.accordion {
    margin-left: 0
}

.accordion-title {
    display: block;
    padding: .5rem 2.5rem .5rem 1rem;
    color: #222;
    position: relative;
    border: 1px solid #4A3C31;
    border-bottom: 0
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #4A3C31
}

.accordion-title:focus, .accordion-title:hover {
    background-color: #f4f4f4
}

.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active > .accordion-title::before {
    content: '–'
}

.accordion-content {
    padding: 1.5rem;
    display: none;
    border: 1px solid #4A3C31;
    border-bottom: 0;
    background-color: #fff;
    color: #45382B
}

.pagination li, table {
    border-radius: .25rem
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #4A3C31
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen {
        padding-bottom: 56.25%
    }

    .flex-video.vimeo {
        padding-top: 0
    }

body, html {
    height: 100%
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.table-scroll, table.scroll {
    overflow-x: auto
}

.off-canvas-wrapper-inner {
    width: 100%
}

    .off-canvas-wrapper-inner::after, .off-canvas-wrapper-inner::before {
        content: ' ';
        display: table
    }

.off-canvas-content {
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254,254,254,.25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #edecea;
    z-index: 1;
    max-height: 100%;
    overflow-y: auto;
    transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -300px;
    top: 0;
    width: 300px
}

.is-open-left {
    -ms-transform: translateX(300px);
    transform: translateX(300px)
}

.off-canvas.position-right {
    width: 300px
}

@media screen and (min-width:20em) {
    .position-left.reveal-for-small {
        left: 0;
        z-index: auto;
        position: fixed
    }

        .position-left.reveal-for-small ~ .off-canvas-content {
            margin-left: 300px
        }

    .position-right.reveal-for-small {
        right: 0;
        z-index: auto;
        position: fixed
    }

        .position-right.reveal-for-small ~ .off-canvas-content {
            margin-right: 300px
        }
}

@media screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 300px
        }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 300px
        }
}

@media screen and (min-width:64.0625em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 300px
        }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 300px
        }
}

.pagination {
    margin-left: 0
}

    .pagination::after, .pagination::before {
        content: ' ';
        display: table
    }

    .pagination li {
        font-size: .875rem;
        margin-right: .0625rem;
        display: none
    }

        .pagination li:first-child, .pagination li:last-child {
            display: inline-block
        }

@media screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    color: #191919;
    display: block;
    padding: .1875rem .625rem;
    border-radius: .25rem
}

    .pagination a:hover, .pagination button:hover {
        background: #EDEBEB
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #900;
    color: #fff;
    cursor: default
}

.pagination .disabled:hover, table tfoot tr, table thead tr {
    background: 0 0
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #404041;
    cursor: not-allowed
}

.pagination .ellipsis::after {
    content: '\2026';
    padding: .1875rem .625rem;
    color: #191919
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    content: '\00ab';
    display: inline-block;
    margin-right: .5rem
}

.pagination-next a::after, .pagination-next.disabled::after {
    content: '\00bb';
    display: inline-block;
    margin-left: .5rem
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

    table tbody, table tfoot, table thead {
        border: 1px solid #DDD;
        background-color: #fefefe
    }

    table thead {
        background: #f8f8f8;
        color: #45382B
    }

    table tfoot {
        background: #f1f1f1;
        color: #45382B
    }

        table tfoot td, table tfoot th, table thead td, table thead th {
            padding: .5rem .625rem .625rem;
            font-weight: 700;
            text-align: left
        }

    table tbody tr:nth-child(even) {
        background-color: #f1f1f1
    }

    table tbody td, table tbody th {
        padding: .5rem .625rem .625rem
    }

@media screen and (max-width:64em) {
    table.stack tfoot, table.stack thead {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

.tabs, .tabs-content {
    border: 1px solid #EDEBEB
}

table.scroll {
    display: block;
    width: 100%
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover tbody tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    background: #fefefe
}

    .tabs::after, .tabs::before {
        content: ' ';
        display: table
    }

    .tabs.vertical > li {
        width: auto;
        float: none;
        display: block
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: 0 0
        }

    .tabs.primary {
        background: #2199e8
    }

        .tabs.primary > li > a {
            color: #fefefe
        }

            .tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
                background: #1893e4
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        line-height: 1;
        font-size: .75rem
    }

.h1, .h2, .h3, .h5, .h6, .letter-avatar > .letters, .site-header .title, .ticker-section .section-title {
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    line-height: 1.15;
    font-weight: 400
}

.tabs-title > a:hover {
    background: #fefefe
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background: #EDEBEB
}

.tabs-content {
    background: #fefefe;
    transition: all .5s ease;
    border-top: 0
}

    .tabs-content.vertical {
        border: 1px solid #EDEBEB;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active, :target::before, pre code {
        display: block
    }
/*! End Foundation */
/*! Start IU Framework */
.no-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pad-top {
    padding-top: 40px !important
}

:target::before {
    content: "";
    height: 30px;
    margin: 0
}

@media screen and (min-width:40em) {
    .pad-top {
        padding-top: 56px !important
    }

    :target::before {
        height: 60px;
        margin: -60px 0 0
    }
}

.none .bg-secondary {
    background-color: none
}

.bg-crimson, .crimson .bg-secondary {
    background-color: #900
}

.bg-mahogany, .mahogany .bg-secondary {
    background-color: #4A3C31
}

.bg-gray, .gray .bg-secondary {
    background-color: #EDEBEB
}

.bg-midnight, .midnight .bg-secondary {
    background-color: #006298
}

.bg-midnight-dark {
    background-color: #01426A
}

.bg-majestic, .majestic .bg-secondary {
    background-color: #66435A
}

.bg-majestic-dark {
    background-color: #512A44
}

.white .bg-secondary {
    background-color: #fff
}

.bg-black, .black .bg-secondary {
    background-color: #191919
}

.bg-full-black {
    background-color: #000
}

.alert {
    border-left: 3px solid #a7a9ab;
    padding: .25rem .5rem
}

    .alert.default {
        background: #eee;
        border-color: #a7a9ab
    }

    .alert.success {
        background: #DDF4EA;
        border-color: #093
    }

    .alert.info {
        background: #E9F6FC;
        border-color: #49afc7
    }

    .alert.message {
        background: #FDF7E7;
        border-color: #f5bb17
    }

    .alert.error {
        background: #FDEEE8;
        border-color: #f25b19
    }

.iu-notice.all-clear {
    background: #093
}

.iu-notice.minor {
    background: #49afc7
}

.iu-notice.moderate {
    background: #f5bb17
}

.iu-notice.severe {
    background: #f25b19
}

.iu-notice.extreme {
    background: #BD0000
}

.bg-dark, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5 {
    color: #fff
}

.h1, .site-header .title {
    font-size: 1.75rem
}

.h2 {
    font-size: 1.5rem
}

.h3, .letter-avatar > .letters, .ticker-section .section-title {
    font-size: 1.375rem
}

.container--details .title, .feature .title, .h4, .lead, .panel .title, .panel--interactive .title, .profile.detail h2 {
    font-size: 1.25rem;
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.15
}

.h5 {
    font-size: 1.125rem
}

.h6 {
    font-size: 1rem
}

@media screen and (min-width:40em) {
    .h1, .h2, .h3, .h5, .h6, .letter-avatar > .letters, .site-header .title, .ticker-section .section-title {
        font-family: BentonSansBold,Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 1.15
    }

    .h1, .site-header .title {
        font-size: 2.75rem
    }

    .h2 {
        font-size: 2.3125rem
    }

    .h3, .letter-avatar > .letters, .ticker-section .section-title {
        font-size: 1.6875rem
    }

    .container--details .title, .feature .title, .h4, .lead, .panel .title, .panel--interactive .title, .profile.detail h2 {
        font-size: 1.4375rem;
        font-family: BentonSansBold,Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 1.15
    }

    .h5 {
        font-size: 1.125rem
    }

    .h6 {
        font-size: 1rem
    }

    .text, dl, ol, p, ul {
        font-size: 1.25rem
    }
}

.title span, h1 span, h2 span, h3 span, h4 span, h5 span {
    font-family: BentonSansRegular,Helvetica,Arial,sans-serif
}

    .title span[itemprop], h1 span[itemprop], h2 span[itemprop], h3 span[itemprop], h4 span[itemprop], h5 span[itemprop] {
        font-family: BentonSansBold,Helvetica,Arial,sans-serif
    }

b, strong {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400
}

em {
    padding-right: 2px
}

main.language * {
    font-family: Helvetica,Arial,sans-serif !important;
    font-weight: 400 !important
}

    main.language * .button, main.language * b, main.language * h1, main.language * h2, main.language * h3, main.language * h4, main.language * h5, main.language * h6 .lead, main.language * strong {
        font-family: Helvetica,Arial,sans-serif !important;
        font-weight: 700 !important
    }

.more, .page-title .title, .page-title h1 {
    font-family: BentonSansBold,Arial,sans-serif
}

.text + h1, .text + h2, .text + h3, .text + h4, .text + h5, .text + h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 15px
}

    pre code {
        padding: .5em;
        background: #FAFAFA;
        color: #333
    }

        pre code .code-container {
            margin: 10px 0;
            padding: 5px;
            overflow-x: auto;
            line-height: 1.3rem;
            font-weight: 400
        }

address {
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 1.25rem
}

.page-title .title, .page-title h1 {
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400
}

.more {
    font-weight: 400
}

.bg-dark .more {
    color: #fff
}

.trident {
    background-repeat: no-repeat;
    background-position: center center;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .trident.white {
        background-image: url(img/trident-white.png)
    }

.tab-bar .trident {
    display: block;
    padding-top: 45px;
    width: 45px;
    background-size: 25px
}

.meta {
    font-family: BentonSansCondRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.33333;
    text-transform: uppercase;
    color: #6e635a
}

dl.meta, td, th, tr {
    font-size: 1rem
}

.meta span, dl.meta {
    text-transform: none
}

.meta + .meta {
    margin-top: -1rem
}

.meta strong {
    font-family: BentonSansCondBold,Arial,sans-serif;
    font-weight: 400
}

.meta span {
    color: #4A3C31
}

.bg-dark .meta {
    color: #EDEDEA
}

a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".xlsx"]:before, a[href$=".ppt"]:before, a[href$=".pdf"]:before {
    display: none
}

a[href$=".doc"]:after, a[href$=".docx"]:after, a[href$=".xlsx"]:after, a[href$=".ppt"]:after, a[href$=".pdf"]:after {
    font-family: iucomm;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    margin-left: 4px
}

a[href$=".pdf"]:after {
    content: "\f1c1"
}

a[href$=".doc"]:after, a[href$=".docx"]:after {
    content: "\f1c2"
}

a[href$=".xlsx"]:after {
    content: "\f1c3"
}

a[href$=".ppt"]:after {
    content: "\f1c4"
}

span.glyph {
    position: relative
}

    span.glyph:before {
        position: absolute
    }

    span.glyph.uc:before {
        top: -7px;
        left: 20%
    }

    span.glyph.grave-accent:before {
        content: '\0060'
    }

    span.glyph.diaeresis:before {
        content: '\00A8'
    }

    span.glyph.acute-accent:before {
        content: '\00B4'
    }

    span.glyph.cedilla:before {
        content: '\0060'
    }

    span.glyph.circumflex:before {
        content: '\02C6'
    }

    span.glyph.caron:before {
        content: '\02C7'
    }

    span.glyph.macron:before {
        content: '\02C9';
        left: 3px
    }

    span.glyph.breve:before {
        content: '\02D8'
    }

    span.glyph.dot-above:before {
        content: '\02D9'
    }

    span.glyph.ring-above:before {
        content: '\02DA'
    }

    span.glyph.small-tilde:before {
        content: '\02DC'
    }

    span.glyph.double-acute-accent:before {
        content: '\02DD'
    }

ul.circle li {
    list-style-type: circle
}

ul.square li {
    list-style-type: square
}

ul.inline {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    ul.inline li {
        display: inline
    }

ul.separators li:before {
    content: "/";
    margin: 0 12px 0 8px;
    color: #ACA39A
}

dl dd.highlight, dl.meta dd {
    color: #4A3C31
}

ul.separators li:first-child:before {
    content: "";
    margin: 0
}

dl {
    margin-bottom: .75em
}

    dl dt {
        font-family: BentonSansBold,Arial,sans-serif;
        font-weight: 400;
        margin-top: .75em
    }

    dl dd.highlight, dl.meta dd, dl.meta dt {
        font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
        font-weight: 400
    }

    dl dd {
        margin: 0
    }

    dl dt.hidden {
        display: none !important
    }

    dl.inline dt:before {
        content: "";
        display: block;
        margin-bottom: 4px
    }

    dl.inline dd, dl.inline dt {
        display: inline
    }

.grid dl.inline dt:before {
    margin-bottom: 4px
}

dl.meta + dl.meta {
    margin-top: 16px
}

table caption, table thead tr td, table thead tr th, tbody td:before {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    text-align: left
}

table caption, td, th {
    padding: .25rem 0
}

td, th, tr {
    vertical-align: middle
}

caption {
    font-size: 1.25rem
}

nav.main ul, table li, table p {
    font-size: 1rem
}

.text table li, table li, table ol, table p, table ul {
    margin-bottom: 0
}

.bg-dark .full-width table, .bg-dark .text table, .bg-dark table {
    color: #45382B
}

    .bg-dark .full-width table caption, .bg-dark .text table caption, .bg-dark table caption {
        color: #fff
    }

    .bg-dark .full-width table a:not(.button), .bg-dark .text table a:not(.button), .bg-dark table a:not(.button) {
        color: #006298
    }

        .bg-dark .full-width table a:not(.button):focus, .bg-dark .full-width table a:not(.button):hover, .bg-dark .text table a:not(.button):focus, .bg-dark .text table a:not(.button):hover, .bg-dark table a:not(.button):focus, .bg-dark table a:not(.button):hover {
            color: #01426A
        }

.search-results table tbody {
    border: none
}

@media screen and (min-width:20em) and (max-width:39.9375em) {
    table.mobile-labels td, table.mobile-labels tr {
        display: block
    }

    table.mobile-labels thead {
        display: none
    }

    table.mobile-labels tbody td {
        padding: .5rem
    }

        table.mobile-labels tbody td:before {
            content: attr(data-label) ": "
        }

    .grid > .grid-item:nth-child(n+2), .grid > li:nth-child(n+2) {
        margin-top: 1.25rem
    }
}

#header {
    padding-top: 50px
}

main {
    padding-top: 0;
    position: relative
}

.section-nav {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0
}

.off-canvas-open .off-canvas-overlay {
    content: '';
    position: fixed;
    background-color: rgba(0,0,0,.75);
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.row, .section {
    position: relative
}

@media screen and (min-width:64.0625em) {
    #header, #home main {
        padding-top: 0
    }

    main {
        padding-top: 50px
    }

    .one-half > :last-child:not(figure), .one-third > :last-child:not(figure), .two-thirds > :last-child:not(figure) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .landmarks #toggles [data-toggle] {
        display: none
    }

    .landmarks #toggles .search-toggle {
        right: 5rem
    }

    .landmarks.off-canvas-open #toggles .search-toggle {
        right: 2.75rem
    }
}

.grid::after, .grid::before, .row::after, .row::before {
    content: ' ';
    display: table
}

html.no-scroll.no-scrollbar {
    overflow-y: hidden
}

.full-width > div:not(.one-third) {
    width: 100%
}

@media screen and (max-width:39.9375em) {
    .one-half + .one-half, .one-third + .one-third, .one-third + .two-thirds, .two-thirds + .one-third {
        margin-top: 1.25rem
    }

    .one-half.float-left, .one-half.float-right, .one-third.float-left, .one-third.float-right, .two-thirds.float-left, .two-thirds.float-right {
        float: none !important
    }
}

.grid > .grid-item:last-child, .layout {
    float: left
}

@media screen and (min-width:40em) {
    .one-half, .one-third, .two-thirds {
        float: left;
        padding-left: .75rem;
        padding-right: .75rem
    }

    .one-third {
        width: 33.33333%
    }

    .one-half {
        width: 50%
    }

    .two-thirds {
        width: 66.66667%
    }

        .one-half:first-of-type, .one-third:first-of-type, .two-thirds:first-of-type {
            padding-left: 0
        }

        .one-half:last-of-type, .one-third:last-of-type, .two-thirds:last-of-type {
            padding-right: 0
        }

    .one-third.first {
        padding-right: 16px
    }

    .one-third.middle {
        padding: 0 8px
    }

    .one-third.last {
        padding-left: 16px
    }
}

.grid {
    margin-left: -12px;
    margin-right: -12px
}

    .grid > .grid-item {
        width: 100%;
        float: left
    }

        .grid > .grid-item:nth-of-type(1n) {
            clear: none
        }

        .grid::after, .grid > .grid-item:nth-of-type(1n+1) {
            clear: both
        }

    .grid > .grid-item, .grid > li {
        padding-left: 12px;
        padding-right: 12px
    }

@media screen and (min-width:40em) {
    .grid.halves > .grid-item:nth-child(n+3), .grid.halves > li:nth-child(n+3), .grid.thirds > .grid-item:nth-child(n+4), .grid.thirds > li:nth-child(n+4) {
        margin-top: 1.25rem
    }

    .grid.fourths > .grid-item, .grid.halves > .grid-item {
        width: 50%;
        float: left
    }

        .grid.fourths > .grid-item:nth-of-type(1n), .grid.halves > .grid-item:nth-of-type(1n) {
            clear: none
        }

        .grid.fourths > .grid-item:nth-of-type(2n+1), .grid.halves > .grid-item:nth-of-type(2n+1) {
            clear: both
        }

        .grid.fourths > .grid-item:last-child, .grid.halves > .grid-item:last-child {
            float: left
        }

    ul.grid.halves > li {
        width: 50%;
        float: left
    }

    .grid.thirds > .grid-item, ul.grid.thirds > li {
        width: 33.33333%;
        float: left
    }

    ul.grid.halves > li:nth-of-type(1n) {
        clear: none
    }

    ul.grid.halves > li:nth-of-type(2n+1) {
        clear: both
    }

    ul.grid.halves > li:last-child {
        float: left
    }

    .grid.thirds > .grid-item:nth-of-type(1n) {
        clear: none
    }

    .grid.thirds > .grid-item:nth-of-type(3n+1) {
        clear: both
    }

    .grid.thirds > .grid-item:last-child {
        float: left
    }

    ul.grid.thirds > li:nth-of-type(1n) {
        clear: none
    }

    ul.grid.thirds > li:nth-of-type(3n+1) {
        clear: both
    }

    ul.grid.thirds > li:last-child {
        float: left
    }
}

@media screen and (min-width:40em) and (max-width:64em) {
    .grid.fourths > .grid-item:nth-child(n+3), .grid.fourths > li:nth-child(n+3) {
        margin-top: 1.25rem
    }
}

@media screen and (min-width:64.0625em) {
    .grid.fourths > .grid-item {
        width: 25%;
        float: left
    }

        .grid.fourths > .grid-item:nth-of-type(1n) {
            clear: none
        }

        .grid.fourths > .grid-item:nth-of-type(4n+1) {
            clear: both
        }

        .grid.fourths > .grid-item:last-child {
            float: left
        }

        .grid.fourths > .grid-item:nth-child(n+5), .grid.fourths > li:nth-child(n+5) {
            margin-top: 1.25rem
        }
}

.belt::after, .breadcrumbs ul::after, .feed-item::after, .form-row::after, .image-essay .figcaption, .image-essay::after, .panel::after, .row::after, .slick-track:after, .ticker .inner::after, ul.social::after {
    clear: both
}

.grid-item > .panel, .grid-item > .panel--interactive, .grid-item > .stat {
    position: relative;
    height: 100%
}

#content {
    margin-top: 1.25rem
}

    #content.bg-none {
        padding-top: 0
    }

.section {
    padding: 40px 0
}

    .section.collapsed {
        padding-bottom: 2.5rem
    }

        .section.collapsed + .section {
            padding-top: 0
        }

    .section.breadcrumbs, .section.page-title {
        padding: 0
    }

    .section.horizontal-rule {
        border-bottom: 1px solid #DDD
    }

.row {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

    .row.pad {
        padding-left: 12px;
        padding-right: 12px
    }

.layout {
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

    .layout + .layout {
        margin-top: 2.5rem
    }

@media screen and (min-width:64.0625em) {
    .section {
        padding: 56px 0
    }

    .layout {
        width: 75%;
        float: left;
        padding-left: .75rem;
        padding-right: .75rem;
        position: relative;
        left: 25%
    }

    #home .layout, .section .layout.breakout, .section.breakout .layout, .wide .layout {
        width: 100%;
        padding-left: .75rem;
        padding-right: .75rem;
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .no-section-nav .layout {
        margin-left: auto;
        margin-right: auto;
        left: auto
    }

        .no-section-nav .layout, .no-section-nav .layout:last-child:not(:first-child) {
            float: none;
            clear: both
        }
}

#skipnav {
    float: left;
    height: 0;
    overflow: hidden;
    width: 0
}

    #skipnav a {
        background: #fff;
        color: #000;
        left: -9999px;
        position: absolute;
        text-align: center;
        top: -9999px;
        width: 12.5em;
        z-index: 999
    }

        #skipnav a:active, #skipnav a:focus {
            left: 0;
            top: 0
        }

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

    .visually-hidden:active, .visually-hidden:focus, nav.main a {
        position: relative
    }

nav.main {
    display: block;
    padding-top: .75rem;
    padding-bottom: .75rem
}

    nav.main ul {
        display: table;
        margin-bottom: 0;
        width: 100%;
        text-transform: uppercase
    }

    nav.main li {
        display: table-cell;
        text-align: center;
        border-left: 1px solid #eee;
        padding: 0 10px
    }

    nav.main a {
        color: #4A3C31;
        display: inline-block
    }

        nav.main a:after {
            content: '';
            display: block;
            margin: auto;
            height: 2px;
            width: 0;
            background: 0 0;
            transition: width .15s ease,background-color .15s ease
        }

        nav.main a:hover:after {
            width: 100%;
            background: #80776f
        }

        nav.main a.current:after, nav.main a:focus:after {
            width: 100%;
            background: #900
        }

@media screen and (min-width:64.0625em) {
    nav.main {
        position: relative;
        border-bottom: 3px solid rgba(74,60,49,.3)
    }

        nav.main li {
            position: relative;
            vertical-align: top
        }

            nav.main li.first {
                border-left: none;
                padding-left: 0;
                padding-right: 5px;
                text-align: left
            }

            nav.main li.last {
                padding-right: 0;
                padding-left: 5px;
                text-align: right
            }

            nav.main li.show-on-sticky {
                display: none;
                border-left: none;
                padding: 0;
                overflow: hidden;
                width: 0
            }

                nav.main li.show-on-sticky a {
                    display: none;
                    background-repeat: no-repeat;
                    height: 0;
                    overflow: hidden;
                    vertical-align: bottom;
                    width: 0
                }

                    nav.main li.show-on-sticky a:after {
                        display: none
                    }

            nav.main li.home a {
                padding: 0
            }

            nav.main li.search a {
                padding: 0;
                background-image: url(img/search.png);
                background-position: right center;
                background-size: .875rem
            }

            nav.main li.search.search-img a {
                background: 0 0
            }

        nav.main.is-sticky {
            border-bottom: none;
            padding-top: 0;
            padding-bottom: 0;
            background: #7A1705;
            right: 0;
            left: 0;
            z-index: 10 !important;
            width: 100% !important;
            transform: translate3d(0,0,0);
            transition: transform 420ms
        }

            nav.main.is-sticky:after {
                content: "";
                bottom: -3px;
                position: absolute;
                width: 100%;
                height: 3px;
                background: rgba(74,60,49,.3)
            }

            nav.main.is-sticky ul {
                font-size: .875rem
            }

            nav.main.is-sticky li {
                border-left: 1px solid #900;
                padding: 14px 5px
            }

                nav.main.is-sticky li a {
                    color: #fff
                }

            nav.main.is-sticky a.current:after {
                background: #ACA39A
            }

            nav.main.is-sticky li.first, nav.main.is-sticky li.last {
                text-align: center
            }

            nav.main.is-sticky li.show-on-sticky {
                display: table-cell
            }

                nav.main.is-sticky li.show-on-sticky a {
                    display: inline-block
                }

            nav.main.is-sticky li.home {
                background-color: transparent !important;
                border-left: none;
                padding-left: 5px;
                padding-right: 5px;
                width: 32px
            }

                nav.main.is-sticky li.home a {
                    font-size: 0;
                    height: auto;
                    width: 32px;
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                    animation: tridentslidein .4s ease
                }

                    nav.main.is-sticky li.home a:before {
                        font-family: iucomm;
                        speak: none;
                        font-style: normal;
                        font-weight: 400;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: "\f015";
                        font-size: 22px
                    }

            nav.main.is-sticky li.search {
                border-right: none;
                width: 20px;
                padding-left: 5px;
                padding-right: 5px
            }

                nav.main.is-sticky li.search a {
                    width: 20px;
                    padding-top: 24px;
                    -ms-transform: translateX(0);
                    transform: translateX(0);
                    animation: searchslidein .4s ease
                }

                nav.main.is-sticky li.search.search-img {
                    padding: 0
                }

                    nav.main.is-sticky li.search.search-img a {
                        height: 52px;
                        width: 36px;
                        line-height: 52px;
                        padding-top: 0;
                        animation: searchslidein2 .4s ease
                    }

                    nav.main.is-sticky li.search.search-img img {
                        line-height: 1;
                        width: 15px;
                        height: auto;
                        margin-top: -6px
                    }

    .search-open nav.main.is-sticky li.search.search-img img {
        width: 17px
    }
}

nav .big-nav li.first, nav .big-nav li.last {
    text-align: center
}

@keyframes tridentslidein {
    0%,20% {
        width: 0;
        transform: translateX(-50px)
    }

    100% {
        width: 32px;
        transform: translateX(0)
    }
}

@keyframes searchslidein {
    0% {
        width: 0;
        padding: 0;
        transform: translateX(50px)
    }

    20% {
        width: 0;
        transform: translateX(50px)
    }

    100% {
        width: 20px;
        transform: translateX(0)
    }
}

@keyframes searchslidein2 {
    0% {
        width: 0;
        padding: 0;
        transform: translateX(50px)
    }

    20% {
        width: 0;
        transform: translateX(50px)
    }

    100% {
        width: 36px;
        transform: translateX(0)
    }
}

@media screen and (min-width:64.0625em) {
    .section-nav nav {
        float: left;
        padding-left: .75rem;
        padding-right: .75rem;
        position: absolute;
        z-index: 2;
        width: 23%
    }

        .section-nav nav > ul {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff
        }

    .section-nav ul {
        font-size: 1rem;
        margin: 0;
        list-style-type: none;
        background-color: #edecea
    }

    .section-nav a {
        position: relative;
        display: block;
        color: #4A3C31;
        border-bottom: 1px solid #fff;
        padding: .5rem 1rem;
        transition: background-color .3s
    }

        .section-nav a:focus, .section-nav a:hover {
            background-color: #b7b1ad;
            color: #16120f;
            transition: color .3s
        }

        .section-nav a.current:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 3px;
            background: #900
        }

    .section-nav li > ul {
        display: none
    }

    .section-nav li.current-trail ul {
        display: block;
        background-color: #dbd8d6
    }

        .section-nav li.current-trail ul a {
            padding-left: 1.75rem
        }

    .section-nav li.current-trail li.current-trail ul {
        display: block;
        background-color: #d2cecc
    }

        .section-nav li.current-trail li.current-trail ul a {
            padding-left: 2.5rem
        }

    .section-nav li.current-trail li.current-trail li.current-trail ul {
        display: block;
        background-color: #c9c5c1
    }

        .section-nav li.current-trail li.current-trail li.current-trail ul a {
            padding-left: 3.25rem
        }

    .section-nav li.current-trail li.current-trail li.current-trail li.current-trail ul {
        display: block;
        background-color: #c0bbb7
    }

        .section-nav li.current-trail li.current-trail li.current-trail li.current-trail ul a {
            padding-left: 4rem
        }

    .section-nav li.current-trail li.current-trail li.current-trail li.current-trail li.current-trail ul {
        display: block;
        background-color: #b7b1ad
    }

        .section-nav li.current-trail li.current-trail li.current-trail li.current-trail li.current-trail ul a {
            padding-left: 4.75rem
        }
}

.nav-secondary {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    pointer-events: none
}

    .nav-secondary ul {
        float: right;
        pointer-events: fill;
        pointer-events: initial
    }

        .nav-secondary ul li {
            font-size: .8125rem;
            text-transform: uppercase
        }

            .nav-secondary ul li a {
                color: #4A3C31
            }

                .nav-secondary ul li a:hover {
                    color: #6b6258
                }

.landmarks .nav-secondary {
    top: 88px;
    transition: all .35s
}

.landmarks.search-open .nav-secondary {
    top: 132px;
    transition: all .5s
}

nav.main.dropdown a:not(.current):after, nav.main.dropdown a:not(.current):hover:after {
    display: none
}

nav.main.dropdown a:focus:after {
    display: block
}

nav.main.dropdown li > ul {
    display: none;
    left: 0;
    position: absolute;
    top: 24px;
    text-transform: none;
    width: auto;
    z-index: 15;
    min-width: 256px;
    max-width: 256px;
    margin: 0;
    padding: 1rem 0 0
}

nav.main.dropdown li.first > ul {
    left: -2px
}

nav.main.dropdown li.last > ul {
    left: auto;
    right: -3px
}

nav.main.dropdown li > ul a {
    display: block;
    padding: .25rem .5rem
}

nav.main.dropdown li li, nav.main.dropdown.is-sticky li li {
    border-left: none;
    padding: 0
}

nav.main.dropdown li ul:hover, nav.main.dropdown li:hover > ul {
    display: block
}

nav.main.dropdown li li {
    display: block;
    border-top: 1px solid #DBD9D6;
    text-align: left
}

    nav.main.dropdown li li:first-child {
        border-top: none
    }

    nav.main.dropdown li li a {
        background-color: #edecea;
        color: #4A3C31;
        box-shadow: 0 3px 8px rgba(0,0,0,.5)
    }

        nav.main.dropdown li li a:hover {
            background-color: #b7b1ad;
            color: #16120f;
            transition: color .3s,background-color .3s
        }

nav.main.dropdown.is-sticky li > ul {
    left: 0;
    top: 38px;
    border-top: none
}

nav.main.dropdown.is-sticky li.last ul {
    left: auto;
    right: 0
}

nav.main.dropdown.is-sticky li li a {
    color: #4A3C31;
    padding: .25rem .5rem
}

    nav.main.dropdown.is-sticky li li a:hover {
        color: #16120f
    }

#home nav.main li ul {
    top: 21px
}

#home .is-sticky nav.main li ul {
    top: 33px
}

#toggles .button, .landmarks .menu-toggle {
    border: none;
    border-radius: 5px;
    float: right;
    margin: 10px 0 8px 8px;
    pointer-events: initial
}

    #toggles button.button:focus, #toggles button.button:hover, .landmarks .menu-toggle:focus, .landmarks .menu-toggle:hover {
        background: #fff;
        color: #900
    }

.is-open-right {
    transform: translateX(0)
}

.off-canvas-wrapper-inner {
    position: relative
}

.off-canvas-content {
    padding-top: 50px;
    position: relative
}

@media screen and (min-width:64.0625em) {
    .off-canvas-content {
        padding-top: 10px
    }

    #toggles a.search-toggle:focus {
        border: 1px solid #fff;
        box-shadow: 0 0 3px #fff
    }
}

.gsc-search-box tbody {
    background: 0 0;
    border: none
}

.off-canvas.position-right {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 50px;
    bottom: 0;
    margin-top: 3px;
    padding-bottom: 2rem;
    transform: translate3d(300px,0,0);
    z-index: 1;
    transition: all .5s ease
}

    .off-canvas.position-right h1, .off-canvas.position-right h2, .off-canvas.position-right h3, .off-canvas.position-right h4, .off-canvas.position-right h5, .off-canvas.position-right h6 {
        padding-left: .5rem;
        margin: 1.5rem 0 1rem
    }

.banner--content > :last-child, .text.banner :last-child {
    margin-bottom: 0
}

.is-open-right + .off-canvas {
    transform: translate3d(0,0,0);
    transition: all .35s ease-in-out
}

.off-canvas-padding {
    padding: 1.5rem
}

.off-canvas-list ul {
    border-top: 1px solid #dad8d6;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.off-canvas-list + .off-canvas-list ul {
    border-top: none
}

.off-canvas-list li.has-children > ul {
    display: none
}

.off-canvas-list li.has-children > a:first-child {
    width: calc(100% - 40px);
    border-right: 1px solid #f6f5f5;
    margin-right: 2.5rem
}

    .off-canvas-list li.has-children > a:first-child:after {
        position: absolute;
        content: '';
        right: -2px;
        background: #dad8d6;
        top: -1px;
        bottom: 0;
        width: 1px
    }

.off-canvas-list ul li {
    border-bottom: 1px solid #dad8d6;
    position: relative
}

    .off-canvas-list ul li a {
        border-top: 1px solid #f6f5f5;
        border-bottom-width: 0 !important;
        border-left: 3px solid transparent;
        color: #120f0c;
        display: block;
        position: relative;
        padding: 8px
    }

        .off-canvas-list ul li a.current:before {
            content: "";
            position: absolute;
            top: -1px;
            bottom: 0;
            left: -3px;
            width: 3px;
            background: #900
        }

        .off-canvas-list ul li a:hover {
            color: #463c30;
            background-color: transparent;
            border-bottom-width: 0 !important
        }

.off-canvas-list li .more {
    padding: 0 !important;
    width: 40px;
    height: 42px;
    border-left: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400
}

.banner--content .title, .belt-nav ul, .site-header .title {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400
}

.off-canvas-list ul.children {
    background-color: #dbd8d6;
    border-top: 1px solid #a69d97;
    margin-left: 0
}

    .off-canvas-list ul.children li {
        border-bottom-color: #bab1ac
    }

        .off-canvas-list ul.children li.open {
            border-bottom: none
        }

    .off-canvas-list ul.children a {
        border-top-color: #edecea
    }

    .off-canvas-list ul.children li.has-children > a:first-child:after {
        background: #bab1ac
    }

    .off-canvas-list ul.children ul.children {
        border-top-color: #70635a;
        background-color: #c9c5c1
    }

        .off-canvas-list ul.children ul.children li {
            border-bottom-color: #a69d97
        }

        .off-canvas-list ul.children ul.children a {
            border-top-color: #edecea
        }

        .off-canvas-list ul.children ul.children ul.children {
            border-top-color: #70635a;
            background-color: #b7b1ad
        }

            .off-canvas-list ul.children ul.children ul.children li {
                border-bottom-color: #70635a
            }

            .off-canvas-list ul.children ul.children ul.children a {
                border-top-color: #e7e4e2
            }

#campus_alert, .iu-notice {
    position: relative;
    z-index: 9
}

@media screen and (max-width:64em) {
    #campus_alert, .iu-notice {
        top: 50px;
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

        #campus_alert .contents, .iu-notice .contents {
            padding-left: 0 !important
        }

    .off-canvas-wrapper-inner.is-open-right {
        -ms-transform: none;
        transform: none
    }

    .off-canvas.position-right {
        z-index: 9
    }

    .extra-close-link:focus {
        height: auto;
        text-decoration: underline;
        width: auto
    }

    .landmarks #offCanvas {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 11;
        background: 0 0;
        padding-bottom: 0;
        transform: translate3d(0,0,0);
        transition: none;
        overflow: visible;
        pointer-events: none
    }

    .landmarks .off-canvas.position-right {
        top: 51px;
        margin-top: 0
    }

    .landmarks.off-canvas-open #offCanvas {
        pointer-events: initial
    }

    .landmarks .menu-toggle {
        position: absolute;
        right: 10px;
        top: 0;
        transition: margin .42s ease-in-out,background .15s ease-in-out
    }

    .landmarks.search-open .menu-toggle {
        margin-top: 60px
    }

    .landmarks .off-canvas-items {
        height: 100%;
        background: #edecea;
        transform: translate3d(300px,0,0);
        transition: all .5s ease
    }

    .landmarks .is-open.off-canvas-items {
        transform: translate3d(0,0,0);
        transition: all .35s ease-in-out
    }
}

.slick-slide.dragging img, .social-share {
    pointer-events: none
}

.banner, .bg-image, .bg-video {
    position: relative
}

    .bg-image::before, .bg-video::before {
        content: '';
        position: absolute;
        background: #EDEBEB;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

.images-off .bg-image::before, .images-off .bg-video::before {
    display: none
}

.banner.bg-video, .banner.image {
    padding: 0
}

    .banner.image .bg-image-cover, .banner.image img, .banner.text-overlay .bg-image-cover, .banner.text-overlay img {
        left: 50%;
        top: 0;
        position: absolute;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.banner--content .title {
    line-height: 1.15
}

.text-overlay--content {
    position: relative;
    overflow: hidden
}

    .text-overlay--content::before {
        content: "";
        position: absolute;
        background: url(img/notch-dark.svg) right bottom no-repeat;
        right: 0;
        bottom: 0;
        width: 1000px;
        height: 1000px
    }

    .belt-nav li, .text-overlay--content > * {
        position: relative
    }

    .text-overlay--content .button:focus, .text-overlay--content .button:hover {
        border-color: #fff;
        color: #fff;
        background-color: transparent
    }

.js .banner.image .bg-image-cover, .js .banner.image img {
    opacity: 0;
    transition: opacity .25s ease-in-out .15s
}

.js .banner.image.loaded .bg-image-cover, .js .banner.image.loaded img, .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.belt ul.social a:before, .bg-mahogany ul.social a:before {
    transition: all .18s ease
}

@media screen and (max-width:39.9375em) {
    .banner.text-overlay .bg-image-cover, .text-image .bg-image-cover {
        position: relative;
        min-height: 300px
    }

    .banner--content {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .banner--content.text--content, .text-image {
            padding-top: 0;
            padding-bottom: 0
        }

        .banner--content .title {
            font-size: 1.375rem
        }

    .banner.image {
        overflow: hidden
    }

        .banner.image .bg-image-cover, .banner.image img {
            height: 250px;
            position: relative;
            max-width: none
        }

    .banner.text-overlay {
        padding-top: 0
    }

        .banner.text-overlay::before {
            display: none
        }

    .text-overlay--content {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: -12px;
        margin-right: -12px;
        background-color: rgba(0,0,0,.75)
    }

        .text-overlay--content::before {
            background-image: url(img/notch-dark-w-bg.svg)
        }

    .text-image .bg-image-cover {
        height: 0;
        padding-top: 66%
    }
}

@media screen and (min-width:40em) {
    .banner--content .title {
        font-size: 1.6875rem
    }

    .banner--content .teaser {
        font-size: 1.125rem
    }

    .content-right .banner--content {
        float: right
    }

    .banner.image {
        height: 0;
        padding-top: 33%;
        overflow: hidden;
        background: url(img/ajax-loader.gif) center center no-repeat #EDEDEA;
        font-size: 0
    }

        .banner.image .bg-image-cover, .banner.image img {
            width: 100%;
            max-width: 1800px
        }

    .banner .text--content {
        max-width: 660px
    }

    .text-overlay {
        background-color: #191919
    }

    .text-overlay--content {
        width: 40%;
        padding: 32px
    }

    .text-image {
        min-height: 300px
    }

        .text-image .bg-image-cover {
            width: 50%;
            max-width: 1024px;
            left: 50%
        }

    .text-image--content {
        padding-left: 0;
        padding-right: 48px;
        width: 50%
    }

    .text-image.content-right .bg-image-cover {
        left: auto;
        right: 50%
    }

    .text-image.content-right .banner--content {
        padding-right: 0;
        padding-left: 48px
    }
}

@media screen and (min-width:64.0625em) {
    .banner .text--content {
        max-width: 66%
    }

    .has-banner .breadcrumbs {
        margin-top: -110px
    }

        .has-banner .breadcrumbs .layout, .has-banner .page-title .layout {
            left: 222px;
            background: #fff;
            width: calc(100% - 222px);
            padding-left: 45px;
            padding-right: 45px;
            position: relative
        }

        .has-banner .breadcrumbs .layout {
            padding-top: 26px
        }

    .has-banner .page-title .layout {
        padding-bottom: 16px
    }

    .has-banner.no-page-title .breadcrumbs {
        margin-bottom: 1.25rem
    }

        .has-banner.no-page-title .breadcrumbs .layout {
            padding-bottom: 40px
        }

    .has-banner main.no-section-nav .breadcrumbs .layout, .has-banner main.no-section-nav .page-title .layout {
        width: 83.33333%;
        float: left;
        padding-right: .75rem;
        position: relative;
        left: 8.33333%;
        padding-left: 55px
    }
}

@media only screen and (min-width:1800px) {
    .banner.text-overlay .bg-image-cover {
        max-width: 1800px
    }

    .banner.image {
        padding-top: 600px
    }
}

.belt {
    font-size: .875rem;
    min-height: 36px
}

    .belt::after, .belt::before {
        content: ' ';
        display: table
    }

    .belt ul.social {
        text-align: center;
        min-height: 36px
    }

        .belt ul.social li {
            margin: 0 .25rem
        }

        .belt ul.social a {
            color: #fff
        }

            .belt ul.social a:focus:before, .belt ul.social a:hover:before {
                color: #4A3C31;
                background: #EDEDEA;
                border-color: #EDEDEA
            }

    .belt .visually-hidden, .bg-mahogany ul.social a {
        color: #fff
    }

        .bg-mahogany ul.social a:focus:before, .bg-mahogany ul.social a:hover:before {
            color: #4A3C31;
            background: #EDEDEA;
            border-color: #EDEDEA
        }

.belt-nav {
    margin-bottom: 8px;
    min-height: 1px
}

    .belt-nav ul, .breadcrumbs ul {
        margin: 0;
        list-style-type: none
    }

    .belt-nav ul {
        padding: 0;
        font-size: 1rem;
        text-transform: uppercase;
        line-height: 36px;
        text-align: center
    }

    .belt-nav li {
        display: inline
    }

        .belt-nav li:after {
            content: "";
            background: #A39E96;
            position: absolute;
            right: -1px;
            width: 2px;
            top: 4px;
            bottom: 4px
        }

        .belt-nav li:last-child:after {
            display: none
        }

    .belt-nav a {
        color: #EDEDEA;
        padding: 0 12px
    }

    .belt-nav li:first-child a {
        padding-left: 0
    }

    .belt-nav li:last-child a {
        padding-right: 0
    }

@media screen and (min-width:40em) {
    .belt ul.social {
        text-align: right;
        margin-right: 0
    }

    .belt .half {
        width: 50%;
        float: left
    }

    .belt-nav {
        margin-bottom: 0
    }

        .belt-nav ul {
            text-align: left
        }
}

.breadcrumbs ul {
    padding: 0;
    height: 1rem;
    line-height: 1.2
}

    .breadcrumbs ul::after, .breadcrumbs ul::before {
        content: ' ';
        display: table
    }

.breadcrumbs li {
    display: block;
    float: left;
    font-size: .75rem
}

    .breadcrumbs li.unavailable {
        color: #999
    }

    .breadcrumbs li.current {
        color: #333;
        position: absolute !important;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0,0,0,0)
    }

.banner.image.parallax, .bg-image {
    position: relative
}

.breadcrumbs li:before {
    content: "/";
    color: #aaa;
    margin: 0 6px
}

.breadcrumbs li:first-child:before {
    content: '';
    margin: 0
}

.breadcrumbs a {
    color: #900
}

.landmarks .site-header {
    padding-top: .625rem
}

.site-header .title {
    color: #4A3C31;
    float: left;
    margin-top: 16px;
    margin-bottom: 16px
}

    .site-header .title:focus, .site-header .title:hover {
        color: #4A3C31
    }

.bg-image .panel a, .bg-image .panel h2, .bg-image .panel.stat a, .bg-image .panel.stat h2, .bg-image.text-overlay, .bg-image.text-overlay h2, .bg-image.text-overlay h3, .bg-image.text-overlay h4, .bg-image.text-overlay h5 {
    color: #fff
}

@media screen and (min-width:64.0625em) {
    .site-header .title {
        margin-bottom: 0
    }
}

.bg-image.no-content {
    min-height: 275px
}

.bg-image.parallax {
    overflow: hidden
}

.bg-image-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.parallax .bg-image-cover {
    will-change: transform
}

.bg-image .panel {
    background: rgba(0,0,0,.6)
}

    .bg-image .panel.stat {
        background: 0 0
    }

        .bg-image .panel.stat:before {
            background: url(img/notch-dark.svg) right bottom no-repeat
        }

@media screen and (min-width:40em) {
    .bg-image.no-content {
        min-height: 400px
    }
}

.slick-slider {
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

#filter-pagination-mobile .button.selector select:hover, .popover.open span.close:hover, .skirt-nav.accordion h4:hover, .slick-dots li, .slick-dots li button {
    cursor: pointer
}

.slick-slider .slick-track {
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

.slick-slide {
    float: left;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    padding: 0;
    border: none;
    outline: 0
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: 0;
        background: 0 0;
        color: transparent
    }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        line-height: 1;
        color: #fff;
        -moz-osx-font-smoothing: grayscale
    }

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

.slick-next:before, [dir=rtl] .slick-prev:before {
    content: ""
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

    [dir=rtl] .slick-next:before {
        content: ""
    }

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: 0
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 12px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }

.slick-list {
    margin-bottom: 0 !important
}

.slick-loading .slick-list {
    background: url(img/ajax-loader.gif) center center no-repeat #fff
}

.slick-slide {
    height: auto
}

    .slick-slide img {
        margin: 0 auto
    }

.rotator .slick-list:focus {
    box-shadow: 0 0 6px 2px #006298
}

.rotator .slick-active:focus {
    float: left !important;
    position: relative
}

    .rotator .slick-active:focus:after {
        content: "";
        box-shadow: inset 0 0 3px 1px #006298;
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%;
        top: 0
    }

.slick-next:before, .slick-prev:before {
    font-family: iucomm;
    font-size: 20px;
    opacity: 1
}

.ticker .title, .ticker .title span[itemprop], .ticker + a.more.top {
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400
}

.slick-prev:before {
    margin-right: 3px
}

.slick-next:before {
    margin-left: 3px
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

    .slick-next, .slick-next:focus, .slick-prev, .slick-prev:focus {
        height: 36px !important;
        width: 36px !important;
        margin-top: 0;
        transform: translate3d(0,-50%,0);
        background: rgba(153,0,0,.8);
        border-radius: 0;
        color: #fff
    }

        .slick-next:hover, .slick-prev:hover {
            background: #900
        }

        .slick-next:focus, .slick-prev:focus {
            border: 1px solid #006298;
            box-shadow: 0 0 5px 1px #006298
        }

.bg-crimson .slick-next, .bg-crimson .slick-prev {
    background: rgba(153,0,0,.8)
}

    .bg-crimson .slick-next:focus, .bg-crimson .slick-next:hover, .bg-crimson .slick-prev:focus, .bg-crimson .slick-prev:hover {
        background: rgba(153,0,0,.9)
    }

    .bg-crimson .slick-next::before, .bg-crimson .slick-next::before:focus, .bg-crimson .slick-next::before:hover, .bg-crimson .slick-prev::before, .bg-crimson .slick-prev::before:focus, .bg-crimson .slick-prev::before:hover {
        color: #900
    }

.bg-crimson .rotator .slick-list:focus, .secondary .crimson .rotator .slick-list:focus {
    box-shadow: 0 0 6px 2px #5CC5EB
}

.bg-mahogany .rotator .slick-list:focus, .secondary .mahogany .rotator .slick-list:focus {
    box-shadow: 0 0 6px 2px #3AB7E4
}

.bg-midnight .rotator .slick-list:focus, .secondary .midnight .rotator .slick-list:focus {
    box-shadow: 0 0 6px 2px #3BEDED
}

.bg-majestic .rotator .slick-list:focus, .secondary .majestic .rotator .slick-list:focus {
    box-shadow: 0 0 6px 2px #6ECBED
}

.slick-slide .figcaption, .slick-slide figcaption {
    margin-top: 8px
}

.carousel-features .slick-dots li, .ticker ul.slick-track {
    margin: 0
}

.at-a-glance .slick-next, .at-a-glance .slick-prev, .ticker .slick-next, .ticker .slick-prev {
    color: #fff;
    background-color: #5c5c5c
}

    .at-a-glance .slick-next:hover, .at-a-glance .slick-prev:hover, .ticker .slick-next:hover, .ticker .slick-prev:hover {
        color: #fff;
        background-color: #333
    }

    .at-a-glance .slick-next:focus, .at-a-glance .slick-prev:focus, .ticker .slick-next:focus, .ticker .slick-prev:focus {
        color: #fff;
        background-color: #333;
        border: 1px solid #006298;
        box-shadow: 0 0 5px 1px #006298
    }

.section.features {
    background-color: #F5F5F5;
    border-bottom: 1px solid #B8B0AB;
    border-top: 1px solid #B8B0AB;
    padding-bottom: 0
}

    .section.features + .section.bg-gray {
        margin-top: 0
    }

@media screen and (min-width:20em) and (max-width:39.9375em) {
    .section.features .layout {
        padding: 0
    }
}

.section.features.bg-dark .slick-list {
    background: #fff
}

    .section.features.bg-dark .slick-list .title, .section.features.bg-dark .slick-list p {
        color: #45382B
    }

    .section.features.bg-dark .slick-list a.button {
        background: #900;
        border-color: #900
    }

        .section.features.bg-dark .slick-list a.button:focus, .section.features.bg-dark .slick-list a.button:hover {
            background: 0 0;
            border-color: #900;
            color: #900
        }

.bg-crimson .section.features.bg-dark .slick-list a:not(.button) {
    background: rgba(0,0,0,.1);
    color: #8ED7F1
}

.section.features.bg-crimson.bg-dark button.slick-next, .section.features.bg-crimson.bg-dark button.slick-prev {
    color: #fff;
    background: #900
}

.section.features.bg-crimson.bg-dark a:not(.button) {
    color: #006298;
    background: 0 0;
    transition: all .18s
}

.carousel-features {
    margin-bottom: 0
}

    .carousel-features .slick-list {
        background: #fff
    }

    .carousel-features .slick-dots {
        top: 265px;
        bottom: auto;
        margin: 0;
        text-align: right;
        right: 12px
    }

    .carousel-features .no-images .slick-dots {
        top: auto;
        bottom: 10px;
        text-align: center
    }

    .carousel-features .slick-dots li.slick-active button:before {
        color: #900;
        opacity: 1
    }

    .carousel-features .slick-active.slick-center.first .content, .carousel-features .slick-slide .content {
        border-left: 1px solid #DBD9D6
    }

    .carousel-features .slick-active.first .content {
        border-left-color: transparent
    }

    .carousel-features .feature {
        text-align: center;
        padding-bottom: 24px;
        background: #fff
    }

    .carousel-features .content {
        margin-top: 50px;
        position: relative;
        padding-right: 24px;
        padding-left: 24px
    }

    .carousel-features a.button {
        width: auto;
        margin: 0
    }

    .carousel-features.slick-initialized a.button {
        position: absolute;
        bottom: 0;
        left: 24px;
        right: 24px
    }

@media screen and (min-width:40em) {
    .carousel-features .feature {
        text-align: left;
        position: relative
    }

        .carousel-features .feature img {
            margin-bottom: 24px
        }

    #home .carousel-features .slick-list {
        border-left: 1px solid #B8B0AB;
        border-right: 1px solid #B8B0AB
    }
}

.ticker-section {
    overflow: hidden
}

.ticker {
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 3.125rem;
    list-style-type: none
}

    .ticker:after, .ticker:before {
        content: '';
        position: absolute;
        left: -9999px;
        right: -9999px;
        height: 1px;
        background: #B8B0AB
    }

    .ticker .title {
        margin: 0;
        font-size: .9375rem;
        line-height: 1.2
    }

.skirt, .skirt a, .skirt ul {
    font-size: .875rem
}

.ticker .inner {
    padding: 14px 0
}

    .ticker .inner::after, .ticker .inner::before {
        content: ' ';
        display: table
    }

.ticker .media {
    display: block;
    height: 68px;
    float: left;
    margin-right: 12px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    width: 68px
}

    .ticker .media + .content {
        width: calc(100% - 80px);
        float: left
    }

.ticker a {
    color: #4A3C31
}

.ticker + a.more.top {
    position: absolute;
    top: .1875rem;
    line-height: 1.625rem;
    right: 12px;
    color: #900
}

.bg-crimson.ticker-section a:not(.button), .crimson .bg-secondary.ticker-section a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson.ticker-section a:not(.button):focus, .bg-crimson.ticker-section a:not(.button):hover, .crimson .bg-secondary.ticker-section a:not(.button):focus, .crimson .bg-secondary.ticker-section a:not(.button):hover {
        color: #5CC5EB
    }

.bg-crimson.ticker-section .slick-next:before, .bg-crimson.ticker-section .slick-prev:before, .crimson .bg-secondary.ticker-section .slick-next:before, .crimson .bg-secondary.ticker-section .slick-prev:before {
    color: #900
}

.bg-crimson.ticker-section .slick-next:focus, .bg-crimson.ticker-section .slick-next:hover, .bg-crimson.ticker-section .slick-prev:focus, .bg-crimson.ticker-section .slick-prev:hover, .crimson .bg-secondary.ticker-section .slick-next:focus, .crimson .bg-secondary.ticker-section .slick-next:hover, .crimson .bg-secondary.ticker-section .slick-prev:focus, .crimson .bg-secondary.ticker-section .slick-prev:hover {
    background-color: maroon
}

.bg-mahogany.ticker-section a:not(.button), .mahogany .bg-secondary.ticker-section a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany.ticker-section a:not(.button):focus, .bg-mahogany.ticker-section a:not(.button):hover, .mahogany .bg-secondary.ticker-section a:not(.button):focus, .mahogany .bg-secondary.ticker-section a:not(.button):hover {
        color: #3AB7E4
    }

.bg-mahogany.ticker-section .slick-next:before, .bg-mahogany.ticker-section .slick-prev:before, .mahogany .bg-secondary.ticker-section .slick-next:before, .mahogany .bg-secondary.ticker-section .slick-prev:before {
    color: #4A3C31
}

.bg-mahogany.ticker-section .slick-next:focus, .bg-mahogany.ticker-section .slick-next:hover, .bg-mahogany.ticker-section .slick-prev:focus, .bg-mahogany.ticker-section .slick-prev:hover, .mahogany .bg-secondary.ticker-section .slick-next:focus, .mahogany .bg-secondary.ticker-section .slick-next:hover, .mahogany .bg-secondary.ticker-section .slick-prev:focus, .mahogany .bg-secondary.ticker-section .slick-prev:hover {
    background-color: #3b3027
}

.bg-majestic.ticker-section a:not(.button), .majestic .bg-secondary.ticker-section a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic.ticker-section a:not(.button):focus, .bg-majestic.ticker-section a:not(.button):hover, .majestic .bg-secondary.ticker-section a:not(.button):focus, .majestic .bg-secondary.ticker-section a:not(.button):hover {
        color: #6ECBED
    }

.bg-majestic.ticker-section .slick-next:before, .bg-majestic.ticker-section .slick-prev:before, .majestic .bg-secondary.ticker-section .slick-next:before, .majestic .bg-secondary.ticker-section .slick-prev:before {
    color: #66435A
}

.bg-majestic.ticker-section .slick-next:focus, .bg-majestic.ticker-section .slick-next:hover, .bg-majestic.ticker-section .slick-prev:focus, .bg-majestic.ticker-section .slick-prev:hover, .majestic .bg-secondary.ticker-section .slick-next:focus, .majestic .bg-secondary.ticker-section .slick-next:hover, .majestic .bg-secondary.ticker-section .slick-prev:focus, .majestic .bg-secondary.ticker-section .slick-prev:hover {
    background-color: #57394c
}

.bg-midnight.ticker-section a:not(.button), .midnight .bg-secondary.ticker-section a:not(.button) {
    color: #77F2F2
}

    .bg-midnight.ticker-section a:not(.button):focus, .bg-midnight.ticker-section a:not(.button):hover, .midnight .bg-secondary.ticker-section a:not(.button):focus, .midnight .bg-secondary.ticker-section a:not(.button):hover {
        color: #3BEDED
    }

.bg-midnight.ticker-section .slick-next:before, .bg-midnight.ticker-section .slick-prev:before, .midnight .bg-secondary.ticker-section .slick-next:before, .midnight .bg-secondary.ticker-section .slick-prev:before {
    color: #006298
}

.bg-crimson.ticker-section button:focus:before, .bg-crimson.ticker-section button:hover:before, .bg-mahogany.ticker-section button:focus:before, .bg-mahogany.ticker-section button:hover:before, .bg-majestic.ticker-section button:focus:before, .bg-majestic.ticker-section button:hover:before, .bg-midnight.ticker-section button:focus:before, .bg-midnight.ticker-section button:hover:before, .crimson .bg-secondary.ticker-section button:focus:before, .crimson .bg-secondary.ticker-section button:hover:before, .mahogany .bg-secondary.ticker-section button:focus:before, .mahogany .bg-secondary.ticker-section button:hover:before, .majestic .bg-secondary.ticker-section button:focus:before, .majestic .bg-secondary.ticker-section button:hover:before, .midnight .bg-secondary.ticker-section button:focus:before, .midnight .bg-secondary.ticker-section button:hover:before, .skirt a {
    color: #fff
}

.bg-midnight.ticker-section .slick-next:focus, .bg-midnight.ticker-section .slick-next:hover, .bg-midnight.ticker-section .slick-prev:focus, .bg-midnight.ticker-section .slick-prev:hover, .midnight .bg-secondary.ticker-section .slick-next:focus, .midnight .bg-secondary.ticker-section .slick-next:hover, .midnight .bg-secondary.ticker-section .slick-prev:focus, .midnight .bg-secondary.ticker-section .slick-prev:hover {
    background-color: #00527f
}

.bg-crimson.ticker-section button, .bg-mahogany.ticker-section button, .bg-majestic.ticker-section button, .bg-midnight.ticker-section button, .crimson .bg-secondary.ticker-section button, .mahogany .bg-secondary.ticker-section button, .majestic .bg-secondary.ticker-section button, .midnight .bg-secondary.ticker-section button {
    background-color: #fff
}

    .bg-crimson.ticker-section button:focus, .bg-crimson.ticker-section button:hover, .bg-mahogany.ticker-section button:focus, .bg-mahogany.ticker-section button:hover, .bg-majestic.ticker-section button:focus, .bg-majestic.ticker-section button:hover, .bg-midnight.ticker-section button:focus, .bg-midnight.ticker-section button:hover, .crimson .bg-secondary.ticker-section button:focus, .crimson .bg-secondary.ticker-section button:hover, .mahogany .bg-secondary.ticker-section button:focus, .mahogany .bg-secondary.ticker-section button:hover, .majestic .bg-secondary.ticker-section button:focus, .majestic .bg-secondary.ticker-section button:hover, .midnight .bg-secondary.ticker-section button:focus, .midnight .bg-secondary.ticker-section button:hover {
        background: 0 0;
        border: 2px solid #fff
    }

@media only screen and (min-width:420px) {
    .ticker {
        padding: 0 3.125rem
    }
}

@media screen and (min-width:40em) {
    .ticker-section:before {
        top: 52px
    }

    .ticker .slick-list {
        border-left: 1px solid #B8B0AB;
        border-right: 1px solid #B8B0AB
    }

    .ticker .inner {
        padding: 10px
    }

    .ticker .slick-active .inner {
        border-left: 1px solid #DBD9D6
    }

    .ticker .slick-active.first .inner {
        border-left-color: transparent
    }

    .ticker .slick-active.slick-center.first .inner {
        border-left: 1px solid #DBD9D6;
        border-right: 1px solid #DBD9D6
    }
}

.skirt ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.skirt .title, .skirt h2, .skirt h2 span, .skirt h3, .skirt h3 span {
    font-family: BentonSansCondBold;
    font-weight: 400;
    text-transform: uppercase
}

.skirt .title, .skirt h2 {
    color: #fff;
    font-size: 1rem !important;
    margin-top: 0;
    margin-bottom: 1.25rem
}

.skirt span.campus {
    display: block;
    clear: left;
    font-size: .75rem
}

.skirt h3 {
    font-size: .75rem
}

.skirt address {
    font-size: .9375rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    color: #B8B0AB
}

.skirt .connect {
    text-align: center
}

.skirt .contact {
    margin-bottom: .5rem
}

.skirt-nav {
    margin: 0 -12px 24px
}

    .skirt-nav h4 {
        font-size: .875rem;
        margin: 0;
        padding: 8px 0;
        font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
        font-weight: 400;
        position: relative
    }

    .skirt-nav a {
        color: #B8B0AB;
        transition: all .18s ease
    }

        .skirt-nav a:focus, .skirt-nav a:hover, .skirt-nav.accordion a {
            color: #fff
        }

    .skirt-nav .column {
        border-top: 1px solid #5c5046;
        border-bottom: 1px solid #3b3027;
        padding-left: 24px;
        padding-right: 24px
    }

    .skirt-nav.accordion {
        border: none;
        background-color: transparent
    }

        .skirt-nav.accordion .column {
            padding-left: 0;
            padding-right: 0;
            border-bottom: 0
        }

        .skirt-nav.accordion h4 {
            border-bottom: 1px solid #3b3027;
            padding-left: 12px;
            padding-right: 12px
        }

            .skirt-nav.accordion h4:after {
                font-family: Arial;
                content: "\002B";
                position: absolute;
                right: 8px;
                top: 0;
                line-height: 32px;
                font-size: 125%
            }

        .skirt-nav.accordion .open h4:after {
            content: "\2212"
        }

        .skirt-nav.accordion li {
            background: #5c5046;
            border-bottom: 1px solid #3b3027;
            margin-bottom: 0;
            padding: .5rem 24px
        }

.bg-dark .skirt-nav.accordion {
    border: none;
    background-color: transparent
}

@media screen and (min-width:40em) {
    .skirt .connect, .skirt-nav {
        float: left;
        position: relative
    }

    .section.belt + .section.skirt {
        margin-top: -20px
    }

    .skirt .connect {
        width: 25%;
        padding-right: .75rem;
        left: -75%;
        padding-left: 0;
        text-align: left
    }

        .skirt .connect p:last-child {
            margin-bottom: 0
        }

    .skirt-nav {
        display: table;
        width: 75%;
        padding-left: .75rem;
        left: 25%;
        padding-right: 0;
        margin: 0
    }

        .skirt-nav h4 {
            font-size: .75rem;
            padding-top: 0;
            margin-bottom: 16px;
            text-transform: uppercase
        }

            .skirt-nav h4 + ul {
                display: block
            }

        .skirt-nav .column {
            display: table-cell;
            width: auto;
            margin-bottom: 0;
            padding-left: 12px;
            padding-right: 12px;
            border: none
        }

            .skirt-nav .column:last-child {
                padding-right: 0
            }

        .skirt-nav li {
            margin-bottom: .5rem
        }

            .skirt-nav li:last-child {
                margin-bottom: 0
            }
}

.social-share {
    padding-bottom: 24px
}

    .social-share a {
        pointer-events: auto
    }

    .social-share .border.invert li {
        margin-right: 20px
    }

    .social-share .border.invert a {
        color: #333;
        font-size: .75rem
    }

        .social-share .border.invert a:before {
            font-size: 1.125rem;
            border: 1px solid #ACA39A;
            color: #80756E;
            margin-right: 4px;
            display: inline-block;
            margin-top: -1px
        }

.breadcrumbs + .social-share a {
    line-height: 2rem
}

.page-title + .social-share a {
    line-height: 3rem
}

@media screen and (min-width:40em) {
    .social-share {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0 !important
    }

        .social-share .border.invert li:last-child {
            margin-right: 4px
        }

    .landmarks .social-share {
        top: .5rem
    }

    .share {
        float: right
    }
}

.section.bg-video + .section, div.accordion-item, dl .accordion-content + .accordion-item {
    margin-top: 0
}

@media screen and (min-width:64.0625em) {
    .ticker-section:after {
        bottom: 56px
    }

    .social-share {
        top: 40px
    }

        .social-share .layout {
            padding-right: 55px
        }

    .landmarks .social-share {
        top: 3.5rem
    }

    .landmarks.has-banner .social-share {
        top: -2rem
    }

    .banner.image + main .breadcrumbs + .social-share, .has-banner .page-title + .social-share {
        top: -45px
    }

    .no-section-nav .social-share .layout {
        float: left;
        left: 8.33333%;
        position: relative;
        width: 83.33333%
    }
}

ul.tabs {
    margin-left: 0;
    width: 100%
}

    ul.tabs li.tab-title {
        width: 50%
    }

    ul.tabs .tab-title > a {
        border: 1px solid #ACA39A;
        border-bottom: none;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        padding: .5rem;
        font-family: BentonSansBold,Arial,sans-serif;
        font-weight: 400
    }

    ul.tabs .tab-title.active > a {
        border-color: #900
    }

@media screen and (min-width:40em) {
    ul.tabs .tab-title > a {
        padding: .5rem 2rem
    }
}

.section.bg-video {
    background-color: #EDEDEA;
    padding: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: -1px
}

@media screen and (min-width:40em) {
    .section.bg-video {
        padding-bottom: 33.3333333%
    }
}

@media screen and (min-width:1800px) {
    .section.bg-video {
        padding-bottom: 600px
    }
}

@media screen and (max-width:39.9375em) {
    .bg-video .play-controls, .bg-video-viewport {
        display: none !important
    }

        .bg-video, .bg-video-viewport + .row {
            height: auto !important
        }

            .bg-video .bg-image-cover {
                display: block;
                position: relative;
                height: 213px
            }
}

@media screen and (min-width:40em) {
    .touch.iumobile .bg-video .bg-image-cover {
        display: block;
        opacity: 1
    }

    .touch.iumobile .bg-video .bg-video-viewport {
        display: none
    }

    .bg-video .bg-image-cover {
        opacity: 1;
        transition: opacity .75s
    }

    .bg-video.video-loaded .bg-image-cover {
        opacity: 0
    }

    .bg-video .bg-image-cover, .bg-video-viewport {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-height: 600px;
        max-width: 1800px
    }

    .bg-video-viewport {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        margin: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: opacity .25s;
        overflow: hidden
    }

        .bg-video-viewport video {
            font-size: 0;
            vertical-align: top;
            position: relative;
            width: 100%;
            height: auto
        }

        .bg-video-viewport.loaded {
            opacity: 1
        }

    .bg-video .play-controls {
        position: absolute;
        bottom: 25px;
        height: 25px;
        left: 0;
        right: 0;
        z-index: 9;
        pointer-events: none
    }

        .bg-video .play-controls .row {
            text-align: left
        }

    .bg-video > .full-wdith > .row, .bg-video > .row {
        pointer-events: none;
        padding-left: 12px;
        padding-right: 12px
    }

        .bg-video > .full-wdith > .row > *, .bg-video > .row > * {
            pointer-events: auto
        }
}

.play-pause {
    pointer-events: auto;
    position: relative;
    width: 24px;
    height: 0;
    padding-top: 24px;
    overflow: hidden;
    display: block;
    font-size: 0;
    border-radius: 0
}

    .play-pause::after, .play-pause::before {
        content: '';
        position: absolute;
        top: 0;
        height: 24px;
        background-color: rgba(250,250,250,.75);
        border: 1px solid #000;
        width: 40%;
        transition: all .25s ease;
        overflow: hidden
    }

.accordion-item .accordion-title, .accordion-item:first-child .accordion-title:first-child, .accordion-item:last-child .accordion-title:last-child, :first-child .accordion-title:first-child, :last-child .accordion-title:last-child, :last-child:not(.is-active) .accordion-title {
    border-radius: 0
}

.play-pause:focus::after, .play-pause:focus::before, .play-pause:hover::after, .play-pause:hover::before {
    background-color: #fff
}

.play-pause::before {
    left: 0
}

.play-pause::after {
    right: 0
}

.play-pause .icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px
}

    .play-pause .icon::after, .play-pause .icon::before {
        content: '';
        position: absolute;
        transition: opacity .25s ease;
        opacity: 0;
        width: 0;
        height: 0;
        border-style: solid
    }

    .play-pause .icon::before {
        top: 1px;
        left: 1px;
        border-width: 12px 0 12px 20.8px;
        border-color: transparent transparent transparent #000
    }

    .play-pause .icon::after {
        top: 3px;
        left: 2.5px;
        border-width: 10px 0 10px 17.3px;
        border-color: transparent transparent transparent #fff
    }

.play-pause .icon-label {
    font-size: 16px
}

.play-pause.paused::after, .play-pause.paused::before {
    width: 0;
    border-color: transparent;
    background-color: transparent
}

div.accordion-item .accordion-title, dl button.accordion-title {
    text-align: left;
    width: 100%
}

.accordion, .text .media a, .text .social a {
    background: 0 0
}

.play-pause.paused span::after, .play-pause.paused span::before {
    opacity: 1
}

.text {
    margin-bottom: 0
}

    .text .button {
        margin-bottom: 1.25rem
    }

    .text p > .button, .text:last-child > :last-child {
        margin-bottom: 0
    }

    .text a:not(.button) {
        transition: all .18s
    }

    .text .media a {
        transition: none
    }

    .text li {
        margin-bottom: 8px
    }

.bg-gray .text a:not(.button), .bg-none .text a:not(.button), .gray .bg-secondary .text a:not(.button) {
    color: #006298
}

    .bg-gray .text a:not(.button):focus, .bg-gray .text a:not(.button):hover, .bg-none .text a:not(.button):focus, .bg-none .text a:not(.button):hover, .gray .bg-secondary .text a:not(.button):focus, .gray .bg-secondary .text a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .text a:not(.button), .crimson .bg-secondary .text a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .text a:not(.button):focus, .bg-crimson .text a:not(.button):hover, .crimson .bg-secondary .text a:not(.button):focus, .crimson .bg-secondary .text a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .text a:not(.button), .mahogany .bg-secondary .text a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .text a:not(.button):focus, .bg-mahogany .text a:not(.button):hover, .mahogany .bg-secondary .text a:not(.button):focus, .mahogany .bg-secondary .text a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .text a:not(.button), .majestic .bg-secondary .text a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .text a:not(.button):focus, .bg-majestic .text a:not(.button):hover, .majestic .bg-secondary .text a:not(.button):focus, .majestic .bg-secondary .text a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .text a:not(.button), .midnight .bg-secondary .text a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .text a:not(.button):focus, .bg-midnight .text a:not(.button):hover, .midnight .bg-secondary .text a:not(.button):focus, .midnight .bg-secondary .text a:not(.button):hover {
        color: #3BEDED
    }

.accordion {
    margin-bottom: 1.5rem
}

.accordion-title {
    background: #e9e9e9;
    border-bottom-color: #fff;
    font-size: 1.25rem;
    line-height: 1.6
}

    .accordion-title:focus, .accordion-title:hover {
        background: #f4f4f4
    }

.bg-dark div.accordion, dl.accordion {
    border-bottom: 1px solid #4A3C31
}

.accordion-item.is-active + .accordion-content {
    border-bottom: none
}

dl .accordion-item {
    margin-bottom: 0
}

a.accordion-title::before {
    font-size: 1.75rem;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

button.accordion-title::before, dl.accordion .is-active > .accordion-title::before {
    content: none
}

.accordion-icon {
    position: absolute;
    right: .75rem;
    top: 2px
}

    .accordion-icon::before {
        content: '+';
        font-size: 1.75rem
    }

.accordion-item.is-active .accordion-icon::before {
    content: '–'
}

.feature::after, .feature::before, .image-essay::after, .image-essay::before {
    content: ' ';
    display: table
}

.accordion-content, .bg-dark .accordion-content, .bg-secondary.bg-dark .accordion-content {
    background: #fff
}

    .accordion-content ol, .accordion-content p, .accordion-content ul, .bg-dark .accordion-content ol, .bg-dark .accordion-content p, .bg-dark .accordion-content ul, .bg-secondary.bg-dark .accordion-content ol, .bg-secondary.bg-dark .accordion-content p, .bg-secondary.bg-dark .accordion-content ul {
        font-size: 1rem;
        margin-bottom: 1.25rem
    }

    .accordion-content :last-child, .bg-dark .accordion-content :last-child, .bg-secondary.bg-dark .accordion-content :last-child, div.accordion-item h1, div.accordion-item h2, div.accordion-item h3, div.accordion-item h4, div.accordion-item h5, div.accordion-item h6 {
        margin-bottom: 0
    }

    .accordion-content h1, .bg-dark .accordion-content h1, .bg-secondary.bg-dark .accordion-content h1 {
        font-size: 1.375rem
    }

    .accordion-content h2, .bg-dark .accordion-content h2, .bg-secondary.bg-dark .accordion-content h2 {
        font-size: 1.25rem
    }

    .accordion-content h3, .bg-dark .accordion-content h3, .bg-secondary.bg-dark .accordion-content h3 {
        font-size: 1.125rem
    }

    .accordion-content h4, .accordion-content h5, .bg-dark .accordion-content h4, .bg-dark .accordion-content h5, .bg-secondary.bg-dark .accordion-content h4, .bg-secondary.bg-dark .accordion-content h5 {
        font-size: 1rem
    }

    .accordion-content h1, .accordion-content h2, .accordion-content h3, .accordion-content h4, .accordion-content h5, .accordion-content h6, .accordion-content ol, .accordion-content p, .accordion-content ul, .bg-dark .accordion-content h1, .bg-dark .accordion-content h2, .bg-dark .accordion-content h3, .bg-dark .accordion-content h4, .bg-dark .accordion-content h5, .bg-dark .accordion-content h6, .bg-dark .accordion-content ol, .bg-dark .accordion-content p, .bg-dark .accordion-content ul, .bg-secondary.bg-dark .accordion-content h1, .bg-secondary.bg-dark .accordion-content h2, .bg-secondary.bg-dark .accordion-content h3, .bg-secondary.bg-dark .accordion-content h4, .bg-secondary.bg-dark .accordion-content h5, .bg-secondary.bg-dark .accordion-content h6, .bg-secondary.bg-dark .accordion-content ol, .bg-secondary.bg-dark .accordion-content p, .bg-secondary.bg-dark .accordion-content ul {
        color: #45382B
    }

    .accordion-content .button, .accordion-content .button.invert, .accordion-content .button.invert:focus, .accordion-content .button.invert:hover, .accordion-content .button:focus, .accordion-content .button:hover, .bg-dark .accordion-content .button, .bg-dark .accordion-content .button.invert, .bg-dark .accordion-content .button.invert:focus, .bg-dark .accordion-content .button.invert:hover, .bg-dark .accordion-content .button:focus, .bg-dark .accordion-content .button:hover, .bg-secondary.bg-dark .accordion-content .button, .bg-secondary.bg-dark .accordion-content .button.invert, .bg-secondary.bg-dark .accordion-content .button.invert:focus, .bg-secondary.bg-dark .accordion-content .button.invert:hover, .bg-secondary.bg-dark .accordion-content .button:focus, .bg-secondary.bg-dark .accordion-content .button:hover {
        border-color: #900
    }

    .accordion-content .button, .bg-dark .accordion-content .button, .bg-secondary.bg-dark .accordion-content .button {
        background-color: #900;
        color: #fff
    }

        .accordion-content .button:focus, .accordion-content .button:hover, .bg-dark .accordion-content .button:focus, .bg-dark .accordion-content .button:hover, .bg-secondary.bg-dark .accordion-content .button:focus, .bg-secondary.bg-dark .accordion-content .button:hover {
            background-color: transparent;
            color: #900
        }

        .accordion-content .button.invert, .bg-dark .accordion-content .button.invert, .bg-secondary.bg-dark .accordion-content .button.invert {
            color: #900
        }

            .accordion-content .button.invert:focus, .accordion-content .button.invert:hover, .bg-dark .accordion-content .button.invert:focus, .bg-dark .accordion-content .button.invert:hover, .bg-secondary.bg-dark .accordion-content .button.invert:focus, .bg-secondary.bg-dark .accordion-content .button.invert:hover {
                background-color: #900;
                color: #fff
            }

li.accordion-item .accordion-title {
    border-bottom: none
}

div.accordion-item {
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.date-cube, .letter-avatar > .letters, .pagination-centered, .stat {
    text-align: center
}

div.accordion-item .accordion-title:focus {
    outline: solid 3px;
    outline: -webkit-focus-ring-color auto 5px
}

.bg-dark .accordion-content {
    background-color: #fff
}

.bg-dark .accordion > .is-active:last-child .accordion-title {
    border-bottom-width: 1px
}

.bg-gray div .accordion-title, .bg-none div .accordion-title {
    border: 1px solid #4A3C31;
    border-bottom: none
}

.bg-gray div.accordion .accordion-item.is-active, .bg-gray div.accordion > :nth-last-child(2), .bg-none div.accordion .accordion-item.is-active, .bg-none div.accordion > :nth-last-child(2) {
    border-bottom: 1px solid #4A3C31
}

.bg-gray div .accordion-content, .bg-none div .accordion-content {
    border: none;
    border-left: 1px solid #4A3C31;
    border-right: 1px solid #4A3C31
}

.bg-gray div .accordion-item.is-active:nth-last-child(2) + .accordion-content, .bg-none div .accordion-item.is-active:nth-last-child(2) + .accordion-content {
    border-bottom: 1px solid #4A3C31
}

.accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child, :last-child:not(.is-active) > .accordion-title {
    border-radius: 0
}

.bg-crimson .accordion-content, .bg-crimson .accordion-title, .bg-majestic .accordion-content, .bg-majestic .accordion-title, .bg-midnight .accordion-content, .bg-midnight .accordion-title, .bg-none .accordion-content, .bg-none .accordion-title, .crimson .bg-secondary .accordion-content, .crimson .bg-secondary .accordion-title, .majestic .bg-secondary .accordion-content, .majestic .bg-secondary .accordion-title, .midnight .bg-secondary .accordion-content, .midnight .bg-secondary .accordion-title {
    border: 1px solid #FFF
}

.bg-crimson :last-child > .accordion-content:last-child, .bg-majestic :last-child > .accordion-content:last-child, .bg-midnight :last-child > .accordion-content:last-child, .bg-none :last-child > .accordion-content:last-child, .crimson .bg-secondary :last-child > .accordion-content:last-child, .majestic .bg-secondary :last-child > .accordion-content:last-child, .midnight .bg-secondary :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #FFF
}

.bg-crimson :last-child:not(.is-active) > .accordion-title, .bg-majestic :last-child:not(.is-active) > .accordion-title, .bg-midnight :last-child:not(.is-active) > .accordion-title, .bg-none :last-child:not(.is-active) > .accordion-title, .crimson .bg-secondary :last-child:not(.is-active) > .accordion-title, .majestic .bg-secondary :last-child:not(.is-active) > .accordion-title, .midnight .bg-secondary :last-child:not(.is-active) > .accordion-title {
    border-bottom: none
}

.bg-none ul.accordion {
    border-bottom: 1px solid #4A3C31
}

.accordion div.accordion-item .accordion-title {
    border-bottom: none
}

.button {
    border-width: 2px;
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    font-weight: 400;
    transition: background-color .2s ease-out,color .2s ease-out,border-color .18s ease-out
}

    .button.invert, .button:focus, .button:hover {
        background: 0 0;
        color: #900;
        border-color: #900
    }

        .button.invert:focus, .button.invert:hover {
            background: #900;
            border-color: #900;
            color: #fff
        }

    .button.float-left, .button.left {
        margin: 0 1.5rem 1.5rem 0
    }

    .button.float-right, .button.right {
        margin: 0 0 1.5rem 1.5rem
    }

.bg-dark .button.invert, .bg-dark .button:focus, .bg-dark .button:hover {
    border-color: #fff;
    color: #fff
}

    .bg-dark .button.invert:focus, .bg-dark .button.invert:hover {
        background: #900;
        border-color: #900;
        color: #fff
    }

.bg-crimson .button, .crimson .bg-secondary .button {
    background: #fff;
    border-color: #fff;
    color: #900
}

    .bg-crimson .button:focus, .bg-crimson .button:hover, .crimson .bg-secondary .button:focus, .crimson .bg-secondary .button:hover {
        border-color: #fff;
        background: #900;
        color: #fff
    }

    .bg-crimson .button.invert, .crimson .bg-secondary .button.invert {
        background: 0 0;
        border-color: #fff;
        color: #fff
    }

        .bg-crimson .button.invert:focus, .bg-crimson .button.invert:hover, .bg-mahogany .button, .bg-majestic .button, .bg-midnight .button, .crimson .bg-secondary .button.invert:focus, .crimson .bg-secondary .button.invert:hover, .mahogany .bg-secondary .button, .majestic .bg-secondary .button, .midnight .bg-secondary .button {
            background: #fff;
            border-color: #fff;
            color: #900
        }

            .bg-mahogany .button.invert, .bg-mahogany .button:focus, .bg-mahogany .button:hover, .bg-majestic .button.invert, .bg-majestic .button:focus, .bg-majestic .button:hover, .bg-midnight .button.invert, .bg-midnight .button:focus, .bg-midnight .button:hover, .mahogany .bg-secondary .button.invert, .mahogany .bg-secondary .button:focus, .mahogany .bg-secondary .button:hover, .majestic .bg-secondary .button.invert, .majestic .bg-secondary .button:focus, .majestic .bg-secondary .button:hover, .midnight .bg-secondary .button.invert, .midnight .bg-secondary .button:focus, .midnight .bg-secondary .button:hover {
                background: 0 0;
                color: #fff;
                border-color: #fff
            }

                .bg-mahogany .button.invert:focus, .bg-mahogany .button.invert:hover, .bg-majestic .button.invert:focus, .bg-majestic .button.invert:hover, .bg-midnight .button.invert:focus, .bg-midnight .button.invert:hover, .mahogany .bg-secondary .button.invert:focus, .mahogany .bg-secondary .button.invert:hover, .majestic .bg-secondary .button.invert:focus, .majestic .bg-secondary .button.invert:hover, .midnight .bg-secondary .button.invert:focus, .midnight .bg-secondary .button.invert:hover {
                    background: #fff;
                    border-color: #fff;
                    color: #900
                }

.callout p {
    font-size: 1.5rem;
    margin: 0 0 16px;
    line-height: 1.25
}

.callout .content {
    padding-left: 24px;
    border-left: 3px solid #900
}

.callout .media {
    margin-right: 24px;
    width: 100px;
    float: left
}

    .callout .media img {
        margin-top: 6px
    }

    .callout .media + .content {
        padding: 0;
        border-left: 0
    }

.bg-dark .callout .content {
    border-left-color: #918A82
}

    .bg-dark .callout .content:not(.bg-dark .callout p.bg-mint):not( .bg-dark .callout .content.bg-mint), .bg-dark .callout p:not(.bg-dark .callout p.bg-mint):not( .bg-dark .callout .content.bg-mint) {
        color: #fff
    }

@media screen and (min-width:40em) {
    .callout .content, .callout .content p {
        font-size: 2.5rem;
        line-height: 1.25
    }

    .callout .media {
        width: 152px;
        margin-right: 24px
    }

    .two-thirds .callout .content, .two-thirds .callout .content p, .two-thirds .callout .content p:last-child:after {
        font-size: 2rem
    }

    .one-half .callout .media, .one-third .callout .media {
        float: none
    }

        .one-half .callout .media img, .one-third .callout .media img {
            margin: 0
        }

    .one-half .callout .content, .one-half .callout .content p, .one-third .callout .content, .one-third .callout .content p {
        font-size: 1.125rem;
        line-height: 1.5
    }

    .one-half .callout .media + .content, .one-third .callout .media + .content {
        padding-left: 24px;
        border-left: 3px solid #918A82
    }
}

.container--details .teaser, .feature p {
    font-size: 1rem
}

.bg-gray .callout a:not(.button), .bg-none .callout a:not(.button), .gray .bg-secondary .callout a:not(.button) {
    color: #006298
}

    .bg-gray .callout a:not(.button):focus, .bg-gray .callout a:not(.button):hover, .bg-none .callout a:not(.button):focus, .bg-none .callout a:not(.button):hover, .gray .bg-secondary .callout a:not(.button):focus, .gray .bg-secondary .callout a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .callout a:not(.button), .crimson .bg-secondary .callout a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .callout a:not(.button):focus, .bg-crimson .callout a:not(.button):hover, .crimson .bg-secondary .callout a:not(.button):focus, .crimson .bg-secondary .callout a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .callout a:not(.button), .mahogany .bg-secondary .callout a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .callout a:not(.button):focus, .bg-mahogany .callout a:not(.button):hover, .mahogany .bg-secondary .callout a:not(.button):focus, .mahogany .bg-secondary .callout a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .callout a:not(.button), .majestic .bg-secondary .callout a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .callout a:not(.button):focus, .bg-majestic .callout a:not(.button):hover, .majestic .bg-secondary .callout a:not(.button):focus, .majestic .bg-secondary .callout a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .callout a:not(.button), .midnight .bg-secondary .callout a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .callout a:not(.button):focus, .bg-midnight .callout a:not(.button):hover, .midnight .bg-secondary .callout a:not(.button):focus, .midnight .bg-secondary .callout a:not(.button):hover {
        color: #3BEDED
    }

.button-group {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .button-group li {
        display: inline-block;
        width: 100%;
        margin-top: 8px
    }

    .button-group .button {
        margin: 0;
        display: block
    }

@media screen and (min-width:20em) {
    .button-group li {
        margin: 1rem 0 0 1rem;
        width: auto
    }

        .button-group li:first-child {
            margin-left: 0
        }

        .button-group li:last-child {
            margin-right: 0
        }

    .button-group .button {
        display: inline-block
    }
}

@media screen and (max-width:460px) and (orientation:portrait) {
    .button-group li {
        margin: 1rem 0 0;
        width: auto;
        display: block;
        text-align: center
    }
}

.cta .button {
    background: 0 0;
    border-color: #900;
    color: #900;
    padding: .5rem 1.5rem
}

    .cta .button:focus, .cta .button:hover {
        background: #900;
        color: #fff
    }

.bg-dark .cta .button {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

    .bg-dark .cta .button:focus, .bg-dark .cta .button:hover {
        background: #fff;
        color: #900
    }

.feature::after {
    clear: both
}

.feature .title {
    color: #45382B;
    margin-bottom: 16px
}

.feature .subtitle {
    color: #6e635a;
    text-transform: uppercase
}

    .feature .subtitle + .subtitle {
        margin-top: -1.25rem
    }

.bg-dark .feature .subtitle, .bg-dark .feature .title {
    color: #fff
}

.bg-gray .feature a:not(.button), .bg-none .feature a:not(.button), .gray .bg-secondary .feature a:not(.button) {
    color: #006298
}

    .bg-gray .feature a:not(.button):focus, .bg-gray .feature a:not(.button):hover, .bg-none .feature a:not(.button):focus, .bg-none .feature a:not(.button):hover, .gray .bg-secondary .feature a:not(.button):focus, .gray .bg-secondary .feature a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .feature a:not(.button), .crimson .bg-secondary .feature a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .feature a:not(.button):focus, .bg-crimson .feature a:not(.button):hover, .crimson .bg-secondary .feature a:not(.button):focus, .crimson .bg-secondary .feature a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .feature a:not(.button), .mahogany .bg-secondary .feature a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .feature a:not(.button):focus, .bg-mahogany .feature a:not(.button):hover, .mahogany .bg-secondary .feature a:not(.button):focus, .mahogany .bg-secondary .feature a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .feature a:not(.button), .majestic .bg-secondary .feature a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .feature a:not(.button):focus, .bg-majestic .feature a:not(.button):hover, .majestic .bg-secondary .feature a:not(.button):focus, .majestic .bg-secondary .feature a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .feature a:not(.button), .midnight .bg-secondary .feature a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .feature a:not(.button):focus, .bg-midnight .feature a:not(.button):hover, .midnight .bg-secondary .feature a:not(.button):focus, .midnight .bg-secondary .feature a:not(.button):hover {
        color: #3BEDED
    }

@media screen and (max-width:64em) {
    .one-third .feature {
        margin-bottom: 1.25rem
    }
}

.image-essay figure.media {
    margin-bottom: 24px
}

.image-essay.big-plus-two .one-half.first {
    padding-left: 0
}

.image-essay.two-plus-big .one-half.second {
    padding-right: 0
}

.bg-gray .image-essay a:not(.button), .bg-none .image-essay a:not(.button), .gray .bg-secondary .image-essay a:not(.button) {
    color: #006298
}

    .bg-gray .image-essay a:not(.button):focus, .bg-gray .image-essay a:not(.button):hover, .bg-none .image-essay a:not(.button):focus, .bg-none .image-essay a:not(.button):hover, .gray .bg-secondary .image-essay a:not(.button):focus, .gray .bg-secondary .image-essay a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .image-essay a:not(.button), .crimson .bg-secondary .image-essay a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .image-essay a:not(.button):focus, .bg-crimson .image-essay a:not(.button):hover, .crimson .bg-secondary .image-essay a:not(.button):focus, .crimson .bg-secondary .image-essay a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .image-essay a:not(.button), .mahogany .bg-secondary .image-essay a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .image-essay a:not(.button):focus, .bg-mahogany .image-essay a:not(.button):hover, .mahogany .bg-secondary .image-essay a:not(.button):focus, .mahogany .bg-secondary .image-essay a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .image-essay a:not(.button), .majestic .bg-secondary .image-essay a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .image-essay a:not(.button):focus, .bg-majestic .image-essay a:not(.button):hover, .majestic .bg-secondary .image-essay a:not(.button):focus, .majestic .bg-secondary .image-essay a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .image-essay a:not(.button), .midnight .bg-secondary .image-essay a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .image-essay a:not(.button):focus, .bg-midnight .image-essay a:not(.button):hover, .midnight .bg-secondary .image-essay a:not(.button):focus, .midnight .bg-secondary .image-essay a:not(.button):hover {
        color: #3BEDED
    }

@media screen and (min-width:40em) {
    .image-essay.one-plus-two .one-half.first, .image-essay.two-plus-one .one-half.second {
        overflow: hidden
    }

        .image-essay.one-plus-two .one-half.first figure.media {
            margin-left: -24px
        }

        .image-essay.two-plus-one .one-half.second figure.media {
            margin-right: -24px
        }
}

.notched-container {
    position: relative;
    overflow: hidden;
    height: 100%
}

    .notched-container .media.image {
        margin-bottom: 0
    }

    .notched-container::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        background: url(//assets.iu.edu/web/3.x/css/img/notch.svg) right bottom no-repeat;
        width: 1000px;
        height: 1000px
    }

.notched-container--dark::after {
    background-image: url(//assets.iu.edu/web/3.x/css/img/notch-dark.svg)
}

.notched-container--dark .container--details {
    border-top: none
}

    .notched-container--dark .container--details .teaser, .notched-container--dark .container--details .title {
        color: #fff
    }

    .notched-container--dark .container--details .button:focus, .notched-container--dark .container--details .button:hover {
        border-color: #fff;
        background-color: #fff
    }

.container--details {
    border-top: 4px solid #900;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    position: relative;
    z-index: 1
}

    .container--details .title + .meta {
        margin-top: -.625rem
    }

.notched-container.align-buttons .container--details {
    padding-bottom: 54px
}

    .notched-container.align-buttons .container--details .button {
        position: absolute
    }

.container--details.with-button {
    padding-bottom: 56px
}

    .container--details.with-button .button {
        position: absolute;
        bottom: 0
    }

figure {
    margin: 0
}

    figure .figcaption, figure .figcaption p, figure figcaption, figure figcaption p {
        margin-top: 1rem
    }

    figure.float-left {
        margin: .5rem 1.5rem 1.25rem 0
    }

    figure.float-right {
        margin: .5rem 0 1.25rem 1.5rem
    }

    figure.media {
        margin-bottom: 1.25rem;
        font-size: .875rem
    }

        figure.media .img-wrap {
            background: #EDEDEA
        }

        figure.media.circle img {
            border-radius: 10000px
        }

        figure.media aside {
            color: #B8B0AB
        }

.figcaption, figcaption {
    font-size: 1rem
}

.caption-credit {
    font-size: 90%;
    color: #6e635a
}

.bg-dark .caption-credit {
    color: #DBD9D6
}

.breakout .full-width .figcaption, .breakout .full-width figcaption {
    margin-left: grid-calc(3,12);
    padding-left: 8px
}

img.float-left, img.left {
    margin: .5rem 1.5rem .5rem 0
}

img.float-right, img.right {
    margin: .5rem 0 .5rem 1.5rem
}

.flex-video .mejs-layer, .flex-video .mejs-layers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.mejs__button > button {
    border-radius: 0 !important
}

    .mejs__button > button:focus {
        outline: #fff solid 1px !important
    }

.mejs__captions-button > button {
    background-position: -120px 0 !important
}

.mejs__captions-button.mejs__captions-enabled > button {
    background-position: -140px 0 !important
}

.bg-gray figure a:not(.button), .bg-none figure a:not(.button), .gray .bg-secondary figure a:not(.button) {
    color: #006298
}

    .bg-gray figure a:not(.button):focus, .bg-gray figure a:not(.button):hover, .bg-none figure a:not(.button):focus, .bg-none figure a:not(.button):hover, .gray .bg-secondary figure a:not(.button):focus, .gray .bg-secondary figure a:not(.button):hover {
        color: #01426A
    }

.bg-gray figure .caption-credit, .bg-none figure .caption-credit, .gray .bg-secondary figure .caption-credit {
    color: #6e635a
}

.bg-crimson figure a:not(.button), .crimson .bg-secondary figure a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson figure a:not(.button):focus, .bg-crimson figure a:not(.button):hover, .crimson .bg-secondary figure a:not(.button):focus, .crimson .bg-secondary figure a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany figure a:not(.button), .mahogany .bg-secondary figure a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany figure a:not(.button):focus, .bg-mahogany figure a:not(.button):hover, .mahogany .bg-secondary figure a:not(.button):focus, .mahogany .bg-secondary figure a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic figure a:not(.button), .majestic .bg-secondary figure a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic figure a:not(.button):focus, .bg-majestic figure a:not(.button):hover, .majestic .bg-secondary figure a:not(.button):focus, .majestic .bg-secondary figure a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight figure a:not(.button), .midnight .bg-secondary figure a:not(.button) {
    color: #77F2F2
}

    .bg-midnight figure a:not(.button):focus, .bg-midnight figure a:not(.button):hover, .midnight .bg-secondary figure a:not(.button):focus, .midnight .bg-secondary figure a:not(.button):hover {
        color: #3BEDED
    }

.panel, .panel--interactive {
    margin-bottom: 1.25rem
}

    .panel ol, .panel p, .panel ul, .panel--interactive ol, .panel--interactive p, .panel--interactive ul {
        font-size: 1rem;
        line-height: 1.5
    }

    .panel .title, .panel--interactive .title {
        margin-bottom: .5rem
    }

    .grid-item .panel, .grid-item .panel--interactive, .panel--interactive > a > :last-child, .panel > :last-child:not(.button) {
        margin-bottom: 0
    }

.panel {
    padding: 24px 12px 0;
    position: relative
}

    .panel::after, .panel::before {
        content: ' ';
        display: table
    }

    .panel:before {
        content: '';
        background: rgba(0,0,0,.2);
        height: 4px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .panel .title {
        color: #900
    }

.bg-dark .panel .title {
    color: #fff
}

.bg-limestone .panel .title {
    color: #7A0000
}

[class*=black] .panel:before {
    background: rgba(250,250,250,.1)
}

.panel--interactive a * {
    color: #45382B
}

.panel--interactive > a {
    display: block;
    padding: 24px;
    height: 100%;
    border: 2px solid rgba(0,0,0,.25);
    border-radius: .5rem;
    transition: all .1s ease-in-out
}

    .panel--interactive > a > :first-child {
        margin-top: 0
    }

    .panel--interactive > a:focus, .panel--interactive > a:hover {
        background: #900;
        border-color: #900
    }

        .bg-dark .panel--interactive a *, .panel--interactive > a:focus *, .panel--interactive > a:hover * {
            color: #fff
        }

.bg-dark .panel--interactive > a {
    border-color: #fff
}

    .bg-dark .panel--interactive > a:focus, .bg-dark .panel--interactive > a:hover {
        border-color: #900
    }

.bg-mahogany .panel--interactive > a:focus, .bg-mahogany .panel--interactive > a:hover, .bg-majestic .panel--interactive > a:focus, .bg-majestic .panel--interactive > a:hover, .bg-midnight .panel--interactive > a:focus, .bg-midnight .panel--interactive > a:hover, .mahogany .bg-secondary .panel--interactive > a:focus, .mahogany .bg-secondary .panel--interactive > a:hover, .majestic .bg-secondary .panel--interactive > a:focus, .majestic .bg-secondary .panel--interactive > a:hover, .midnight .bg-secondary .panel--interactive > a:focus, .midnight .bg-secondary .panel--interactive > a:hover {
    border-color: #fff;
    background: #fff
}

    .bg-mahogany .panel--interactive > a:focus *, .bg-mahogany .panel--interactive > a:hover *, .mahogany .bg-secondary .panel--interactive > a:focus *, .mahogany .bg-secondary .panel--interactive > a:hover * {
        color: #4A3C31
    }

    .bg-midnight .panel--interactive > a:focus *, .bg-midnight .panel--interactive > a:hover *, .midnight .bg-secondary .panel--interactive > a:focus *, .midnight .bg-secondary .panel--interactive > a:hover * {
        color: #006298
    }

    .bg-majestic .panel--interactive > a:focus *, .bg-majestic .panel--interactive > a:hover *, .majestic .bg-secondary .panel--interactive > a:focus *, .majestic .bg-secondary .panel--interactive > a:hover * {
        color: #66435A
    }

[class*=black] .panel--interactive > a {
    border: 2px solid rgba(250,250,250,.25)
}

.bg-crimson .panel--interactive > a:focus, .bg-crimson .panel--interactive > a:hover, .crimson .bg-secondary .panel--interactive > a:focus, .crimson .bg-secondary .panel--interactive > a:hover {
    background: #fff;
    border-color: #fff
}

    .bg-crimson .panel--interactive > a:focus *, .bg-crimson .panel--interactive > a:hover *, .crimson .bg-secondary .panel--interactive > a:focus *, .crimson .bg-secondary .panel--interactive > a:hover * {
        color: #900
    }

.bg-gray .panel a:not(.button), .bg-none .panel a:not(.button), .gray .bg-secondary .panel a:not(.button) {
    color: #006298
}

    .bg-gray .panel a:not(.button):focus, .bg-gray .panel a:not(.button):hover, .bg-none .panel a:not(.button):focus, .bg-none .panel a:not(.button):hover, .gray .bg-secondary .panel a:not(.button):focus, .gray .bg-secondary .panel a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .panel a:not(.button), .crimson .bg-secondary .panel a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .panel a:not(.button):focus, .bg-crimson .panel a:not(.button):hover, .crimson .bg-secondary .panel a:not(.button):focus, .crimson .bg-secondary .panel a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .panel a:not(.button), .mahogany .bg-secondary .panel a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .panel a:not(.button):hover, .mahogany .bg-secondary .panel a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .panel a:not(.button), .majestic .bg-secondary .panel a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .panel a:not(.button):focus, .bg-majestic .panel a:not(.button):hover, .majestic .bg-secondary .panel a:not(.button):focus, .majestic .bg-secondary .panel a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .panel a:not(.button), .midnight .bg-secondary .panel a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .panel a:not(.button):focus, .bg-midnight .panel a:not(.button):hover, .midnight .bg-secondary .panel a:not(.button):focus, .midnight .bg-secondary .panel a:not(.button):hover {
        color: #3BEDED
    }

.quote {
    padding-left: 0
}

    .quote blockquote {
        padding-left: 32px;
        border: none;
        position: relative
    }

        .quote blockquote, .quote blockquote p, .quote blockquote p:last-of-type:after {
            font-size: 1.5rem;
            line-height: 1.25
        }

            .quote blockquote:before {
                position: absolute;
                content: "\201C";
                font-size: 4.4375rem;
                line-height: 1;
                top: -3px;
                left: -5px
            }

            .quote blockquote p:last-of-type:after {
                content: "\201D";
                display: inline
            }

    .quote cite:before, .social-media .content:before {
        content: ''
    }

.bg-dark .quote blockquote, .bg-dark .quote blockquote p {
    color: #fff
}

.bg-dark .quote cite {
    color: #EDEDEA
}

.bg-crimson .quote a:not(.button), .crimson .bg-secondary .quote a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .quote a:not(.button):focus, .bg-crimson .quote a:not(.button):hover, .crimson .bg-secondary .quote a:not(.button):focus, .crimson .bg-secondary .quote a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .quote a:not(.button), .mahogany .bg-secondary .quote a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .quote a:not(.button):focus, .bg-mahogany .quote a:not(.button):hover, .mahogany .bg-secondary .quote a:not(.button):focus, .mahogany .bg-secondary .quote a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .quote a:not(.button), .majestic .bg-secondary .quote a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .quote a:not(.button):focus, .bg-majestic .quote a:not(.button):hover, .majestic .bg-secondary .quote a:not(.button):focus, .majestic .bg-secondary .quote a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .quote a:not(.button), .midnight .bg-secondary .quote a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .quote a:not(.button):focus, .bg-midnight .quote a:not(.button):hover, .midnight .bg-secondary .quote a:not(.button):focus, .midnight .bg-secondary .quote a:not(.button):hover {
        color: #3BEDED
    }

.quote .media {
    margin-right: 40px;
    width: 100px;
    float: left
}

    .quote .media img {
        margin-top: 8px;
        border-radius: 50%
    }

    .quote .media + blockquote {
        padding: 0
    }

        .quote .media + blockquote:before {
            left: 108px
        }

        .quote .media + blockquote cite {
            padding-left: 0
        }

@media screen and (min-width:40em) {
    .quote blockquote, .quote blockquote p, .quote blockquote p:last-of-type:after {
        font-size: 2.5rem;
        line-height: 1.25
    }

    .quote blockquote {
        position: relative;
        padding-left: 56px
    }

        .quote blockquote:before {
            font-size: 7.5rem;
            top: -6px;
            left: -10px
        }

    .quote .media {
        width: 152px;
        margin-right: 24px
    }

        .quote .media + blockquote {
            margin-left: 224px
        }

            .quote .media + blockquote:before {
                left: -56px
            }

    .two-thirds .quote blockquote, .two-thirds .quote blockquote p, .two-thirds .quote blockquote p:last-of-type:after {
        font-size: 2rem
    }

        .two-thirds .quote blockquote:before {
            font-size: 5.9375rem
        }

    .one-half .quote .media, .one-third .quote .media {
        float: none;
        margin: 0 auto
    }

        .one-half .quote .media img, .one-third .quote .media img {
            margin: 0 0 24px
        }

    .one-half .quote blockquote, .one-half .quote blockquote p, .one-half .quote blockquote p:last-of-type:after, .one-third .quote blockquote, .one-third .quote blockquote p, .one-third .quote blockquote p:last-of-type:after {
        font-size: 1.125rem;
        line-height: 1.5
    }

    .one-half .quote blockquote, .one-third .quote blockquote {
        padding-left: 0;
        margin-left: 32px;
        padding-right: 0
    }

        .one-half .quote blockquote:before, .one-third .quote blockquote:before {
            font-size: 3.375rem;
            top: -3px;
            left: -32px
        }

    .grid-item .fb-page {
        min-height: 525px
    }
}

.social-media {
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

    .social-media .header {
        margin-bottom: 8px
    }

    .social-media .content {
        position: relative;
        padding-left: .75rem;
        margin-bottom: 8px
    }

        .social-media .content:before {
            width: 1px;
            background: #ACA39A;
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0
        }

.intent, .intent:before {
    width: 1.25rem;
    display: inline-block
}

.intent {
    font-size: 0;
    padding-left: 0;
    overflow: hidden;
    margin-right: 8px;
    color: #83786F
}

    .intent:before {
        font-size: 1rem
    }

.social-feed .icon-twitter.invert:before, .social-media .icon-twitter.invert:before {
    content: "\e613"
}

.social-feed .icon-instagram.invert:before, .social-media .icon-instagram.invert:before {
    content: "\e60e"
}

.social-feed [class*=" icon-"].border, .social-feed [class^=icon-].border, .social-media [class*=" icon-"].border, .social-media [class^=icon-].border {
    width: 32px;
    font-size: 0;
    display: inline-block;
    margin-right: 16px;
    color: #83786F
}

    .social-feed [class*=" icon-"].border:before, .social-feed [class^=icon-].border:before, .social-media [class*=" icon-"].border:before, .social-media [class^=icon-].border:before {
        border-radius: 50%;
        border: 2px solid;
        font-size: 32px
    }

ul.social [class*=" icon-"], ul.social [class^=icon-], ul.social-feed [class*=" icon-"], ul.social-feed [class^=icon-], ul.social-media [class*=" icon-"], ul.social-media [class^=icon-] {
    text-decoration: none
}

#filter-results a:not(.button), .stat a:not(.button), .text a {
    text-decoration: underline
}

.social-feed .social-media .header {
    display: none
}

.bg-dark .social-media {
    color: #fff
}

    .bg-dark .social-media a {
        color: #8ED7F1
    }

.bg-crimson [class*=" icon-"].border, .bg-crimson [class^=icon-].border, .bg-crimson a.intent {
    color: #DBD9D6
}

    .bg-crimson [class*=" icon-"].border:hover, .bg-crimson [class^=icon-].border:hover, .bg-crimson a.intent:hover {
        color: #80756E
    }

@media only screen and (max-width:23.75em) {
    .social-grid {
        width: auto !important;
        margin-left: -12px !important;
        margin-right: -12px !important
    }
}

.fb-page iframe, iframe#google-map, iframe.instagram-media-rendered, iframe.twitter-timeline, iframe.twitter-tweet-rendered, iframe[id^=twitter-widget] {
    width: 100% !important;
    max-width: 768px !important;
    margin-top: 0 !important;
    box-shadow: none !important
}

iframe.twitter-tweet-rendered {
    background: #fff
}

.fb-page iframe, iframe#google-map, iframe.instagram-media-rendered, iframe[id^=twitter-widget], iframe[src*="instagram.com"] {
    background: #fff;
    border: 1px solid #e8e8e8 !important;
    border-radius: 5px;
    min-height: 525px
}

iframe.instagram-media-rendered, iframe[src*="instagram.com"] {
    min-height: 625px
}

iframe#google-map {
    border-radius: 0
}

.fb-page > span {
    display: block !important;
    margin: 0 auto
}

[id^=skipSocialEmbed] {
    display: block;
    outline: 0;
    position: relative
}

    [id^=skipSocialEmbed]:target::before {
        height: 72px;
        margin: -72px 0 0
    }

    [id^=skipSocialEmbed]:target::after {
        content: "";
        display: block;
        margin-bottom: 24px
    }

    [id^=skipSocialEmbed]:focus p {
        outline: #006298 solid .125rem;
        outline-offset: .125rem
    }

    [id^=skipSocialEmbed] p {
        font-size: 1rem;
        margin-bottom: 2rem
    }

ul.social, ul.social a {
    font-size: 0
}

ul.social {
    margin: 0 -4px;
    padding: 0;
    list-style-type: none;
    min-height: 32px
}

    ul.social::after, ul.social::before {
        content: ' ';
        display: table
    }

    ul.social li {
        display: inline-block;
        margin: 0 4px
    }

    .date-cube span, .stat .stat--text, ul.social a {
        display: block
    }

        ul.social a:before {
            font-size: 32px;
            vertical-align: middle;
            line-height: 1
        }

    ul.social.inline li {
        margin-bottom: 8px
    }

.border ul.social a:before {
    border-radius: 50%;
    border: 2px solid #B8B0AB;
    color: #fff;
    display: block
}

.stat {
    background: 0 0;
    color: #45382B;
    padding: 1.25rem;
    border: none;
    overflow: hidden;
    position: relative
}

    .stat::before {
        content: '';
        position: absolute;
        top: auto;
        left: auto;
        bottom: -50px;
        right: -50px;
        background: url(img/notch.svg) right bottom no-repeat;
        width: 1000px;
        height: 1000px
    }

    .feed, .stat a.button {
        position: relative
    }

    .stat > ::first-child {
        margin-top: 0
    }

    .stat > ::last-child {
        margin-bottom: 0
    }

    .stat .stat--info, .stat p {
        font-family: BentonSansBold,Arial,sans-serif;
        font-weight: 400;
        color: #6e635a;
        font-size: 1rem;
        text-transform: uppercase;
        position: relative
    }

    .stat .number, .stat .stat--number {
        font-family: BentonSansCondRegular,'Arial Narrow',Arial,sans-serif;
        font-weight: 400;
        font-size: 3rem;
        color: #900;
        margin-bottom: 0
    }

.bg-image .stat p {
    color: #B8B0AB
}

.stat a.button {
    background: 0 0;
    border-color: #900;
    color: #900;
    width: auto
}

    .stat a.button:focus, .stat a.button:hover {
        background: #900;
        color: #fff
    }

.bg-dark .stat .stat--number, .bg-dark .stat p.number {
    color: #fff
}

.bg-dark .stat .stat--info, .bg-dark .stat p {
    color: #EDEDEA
}

.bg-dark .stat a.button {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

    .bg-dark .stat a.button:focus, .bg-dark .stat a.button:hover {
        background: #900;
        color: #fff;
        border-color: #900 !important
    }

.bg-none .stat a:not(.button) {
    color: #006298
}

    .bg-none .stat a:not(.button):focus, .bg-none .stat a:not(.button):hover {
        color: #01426A
    }

.bg-crimson .stat a:not(.button), .crimson .bg-secondary .stat a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .stat a:not(.button):focus, .bg-crimson .stat a:not(.button):hover, .crimson .bg-secondary .stat a:not(.button):focus, .crimson .bg-secondary .stat a:not(.button):hover {
        color: #5CC5EB
    }

.bg-crimson .stat a.button:focus, .bg-crimson .stat a.button:hover, .crimson .bg-secondary .stat a.button:focus, .crimson .bg-secondary .stat a.button:hover {
    background: #fff;
    border-color: #fff !important;
    color: #900
}

[class*=black] .stat:before, [class*=dark-gray] .stat:before {
    background: url(img/notch-light.svg) right bottom no-repeat
}

.bg-gray .stat .stat--info, .bg-gray .stat p, .gray .bg-secondary .stat .stat--info, .gray .bg-secondary .stat p {
    color: #4A3C31
}

.bg-gray .stat a:not(.button), .gray .bg-secondary .stat a:not(.button) {
    color: #005380
}

    .bg-gray .stat a:not(.button):focus, .bg-gray .stat a:not(.button):hover, .gray .bg-secondary .stat a:not(.button):focus, .gray .bg-secondary .stat a:not(.button):hover {
        color: #01426A
    }

.bg-mahogany .stat a:not(.button), .mahogany .bg-secondary .stat a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .stat a:not(.button):focus, .bg-mahogany .stat a:not(.button):hover, .mahogany .bg-secondary .stat a:not(.button):focus, .mahogany .bg-secondary .stat a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .stat a:not(.button), .majestic .bg-secondary .stat a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .stat a:not(.button):focus, .bg-majestic .stat a:not(.button):hover, .majestic .bg-secondary .stat a:not(.button):focus, .majestic .bg-secondary .stat a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .stat a:not(.button), .midnight .bg-secondary .stat a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .stat a:not(.button):focus, .bg-midnight .stat a:not(.button):hover, .midnight .bg-secondary .stat a:not(.button):focus, .midnight .bg-secondary .stat a:not(.button):hover {
        color: #3BEDED
    }

.pagination a, .panel--interactive a, a.accordion-title, a.button {
    text-decoration: none
}

.feed .more, .feed + .more.top {
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400
}

.date-cube .day, .feed-item .title {
    font-family: BentonSansBold,Arial,sans-serif
}

@media screen and (min-width:40em) {
    .feed .more.top, .feed + .more.top {
        position: absolute;
        top: .1875rem;
        line-height: 1.625rem;
        right: 24px
    }
}

ul.feed {
    list-style-type: none;
    margin-left: 0
}

.feed-item--small.event {
    margin-bottom: 32px
}

    .feed-item--small.event .title {
        line-height: 1.3;
        margin-bottom: 5px
    }

    .feed-item--small.event .date-cube + .content {
        float: right;
        width: calc(100% - 48px);
        margin-top: -4px
    }

    .feed-item--small.event .meta {
        color: #333;
        font-size: .75rem;
        margin-bottom: 0;
        text-transform: none
    }

    .feed-item--small.event .meta-time, .feed-item--small.event [itemprop=startDate], .feed-item--small.event [itemprop=endDate] {
        text-transform: lowercase
    }

.bg-dark .feed-item--small .day, .bg-dark .feed-item--small .month {
    color: #EDEDEA
}

.bg-dark .feed-item--small .meta {
    color: #fff
}

.date-cube {
    float: left;
    width: 32px
}

    .date-cube p, .date-cube span {
        margin: 0;
        line-height: 1
    }

    .date-cube .month {
        color: #6e635a;
        font-size: .8125rem;
        text-transform: uppercase
    }

    .date-cube .day {
        font-weight: 400;
        font-size: 1.5rem;
        margin-top: 4px
    }

.feed-item {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #B8B0AB
}

    .feed-item::after, .feed-item::before {
        content: ' ';
        display: table
    }

    .feed-item:last-of-type {
        border-bottom: none
    }

    .feed-item a:not(.button) {
        text-decoration: underline
    }

    .feed-item ul.social [class*=" icon-"], .feed-item ul.social [class^=icon-] {
        text-decoration: none
    }

    .feed-item .media {
        display: none
    }

    .feed-item .title {
        font-size: 1.375rem;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: .75rem
    }

.detail-meta .meta, .feed-item--small .title, .feed-item--small .title span {
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400
}

.feed-item .content {
    font-size: 1rem;
    margin-bottom: 1.25rem
}

.bg-crimson .feed-item a:not(.button), .crimson .bg-secondary .feed-item a:not(.button) {
    color: #8ED7F1
}

    .bg-crimson .feed-item a:not(.button):focus, .bg-crimson .feed-item a:not(.button):hover, .crimson .bg-secondary .feed-item a:not(.button):focus, .crimson .bg-secondary .feed-item a:not(.button):hover {
        color: #5CC5EB
    }

.bg-mahogany .feed-item a:not(.button), .mahogany .bg-secondary .feed-item a:not(.button) {
    color: #8ED7F1
}

    .bg-mahogany .feed-item a:not(.button):focus, .bg-mahogany .feed-item a:not(.button):hover, .mahogany .bg-secondary .feed-item a:not(.button):focus, .mahogany .bg-secondary .feed-item a:not(.button):hover {
        color: #3AB7E4
    }

.bg-majestic .feed-item a:not(.button), .majestic .bg-secondary .feed-item a:not(.button) {
    color: #8ED7F1
}

    .bg-majestic .feed-item a:not(.button):focus, .bg-majestic .feed-item a:not(.button):hover, .majestic .bg-secondary .feed-item a:not(.button):focus, .majestic .bg-secondary .feed-item a:not(.button):hover {
        color: #6ECBED
    }

.bg-midnight .feed-item a:not(.button), .midnight .bg-secondary .feed-item a:not(.button) {
    color: #77F2F2
}

    .bg-midnight .feed-item a:not(.button):focus, .bg-midnight .feed-item a:not(.button):hover, .midnight .bg-secondary .feed-item a:not(.button):focus, .midnight .bg-secondary .feed-item a:not(.button):hover {
        color: #3BEDED
    }

.bg-crimson .feed-item .meta, .bg-crimson .feed-item .meta span, .bg-crimson .feed-item dl.meta dd, .bg-mahogany .feed-item .meta, .bg-mahogany .feed-item .meta span, .bg-mahogany .feed-item dl.meta dd, .bg-majestic .feed-item .meta, .bg-majestic .feed-item .meta span, .bg-majestic .feed-item dl.meta dd, .bg-midnight .feed-item .meta, .bg-midnight .feed-item .meta span, .bg-midnight .feed-item dl.meta dd, .crimson .bg-secondary .feed-item .meta, .crimson .bg-secondary .feed-item .meta span, .crimson .bg-secondary .feed-item dl.meta dd, .mahogany .bg-secondary .feed-item .meta, .mahogany .bg-secondary .feed-item .meta span, .mahogany .bg-secondary .feed-item dl.meta dd, .majestic .bg-secondary .feed-item .meta, .majestic .bg-secondary .feed-item .meta span, .majestic .bg-secondary .feed-item dl.meta dd, .midnight .bg-secondary .feed-item .meta, .midnight .bg-secondary .feed-item .meta span, .midnight .bg-secondary .feed-item dl.meta dd {
    color: #fff
}

.feed-item--small {
    margin-bottom: 12px;
    border-bottom: 0
}

    .feed-item--small .title, .feed-item--small .title span {
        font-size: 1.125rem
    }

@media screen and (min-width:40em) {
    .feed-item .media {
        display: block;
        margin-top: .25rem;
        width: 16.66667%;
        float: left;
        padding-right: .75rem;
        padding-left: 0
    }

    .feed-item .content {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .feed-item .media + .content {
        width: 83.33333%;
        float: left;
        padding-left: .75rem;
        padding-right: 0
    }

    .feed-item--small .media {
        margin-top: 0;
        width: 8.33333%
    }

        .feed-item--small .media + .content {
            width: 91.66667%;
            padding-left: 0
        }
}

.feed-item.profile {
    padding-bottom: 20px
}

    .feed-item.profile .media {
        display: block;
        width: 16.66667%;
        float: left;
        padding-right: .75rem;
        padding-left: 0;
        margin-bottom: 0;
        max-width: 200px
    }

    .feed-item.profile .content {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .feed-item.profile .media + .content {
        width: 83.33333%;
        float: left;
        padding-left: .75rem;
        padding-right: 0
    }

@media screen and (min-width:64.0625em) {
    .feed-item.profile .media {
        width: 25%
    }

        .feed-item.profile .media + .content {
            width: 75%
        }

    .letter-avatar > .letters {
        font-size: 2.75rem
    }
}

@media screen and (min-width:40em) {
    .grid.thirds .feed-item.profile .content, .grid.thirds .feed-item.profile .media {
        width: 100%
    }

    .grid.thirds .feed-item.profile .media {
        float: none;
        padding: 0;
        margin: 0 auto 20px
    }
}

.letter-avatar {
    position: relative
}

    .letter-avatar:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
        background: #EDEBEB
    }

.circle .letter-avatar:before {
    border-radius: 50%
}

.letter-avatar > .letters {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #777
}

.detail address, .detail-meta address {
    font-size: 1rem
}

.filter .alpha, .label, label {
    font-size: .875rem
}

.detail ul.social:after, .detail ul.social:before, .detail-meta ul.social:after, .detail-meta ul.social:before {
    display: none
}

.detail-meta .meta {
    text-transform: none
}

.meta [itemprop=endDate], .meta [itemprop=startDate] {
    color: inherit
}

.one-third > .detail-media {
    float: none;
    max-width: 100%;
    margin-left: 0
}

@media only screen and (min-width:23.75em) and (max-width:40em) {
    .detail-media {
        float: right;
        max-width: 33.33333%;
        margin-left: 24px
    }
}

@media screen and (min-width:40em) {
    .detail-media {
        float: right;
        max-width: 25%;
        margin-left: 24px
    }

    .no-section-nav .pull-left, .no-section-nav .pull-right {
        max-width: 50%
    }

        .no-section-nav .pull-left + p, .no-section-nav .pull-right + p {
            margin-top: -8px
        }

        .no-section-nav .pull-left.video, .no-section-nav .pull-right.video {
            width: 508px;
            max-width: none
        }

        .no-section-nav .pull-left.audio, .no-section-nav .pull-right.audio {
            min-width: 308px
        }

    .no-section-nav .pull-left {
        float: left;
        margin: 0 24px 24px 0
    }

    .no-section-nav .pull-right {
        float: right;
        margin: 0 0 24px 24px
    }
}

.alpha.checkboxes li, .alpha.radios li {
    float: left;
    display: block
}

@media screen and (min-width:64.0625em) {
    .no-section-nav .pull-left, .no-section-nav .pull-right {
        max-width: 80%
    }

        .no-section-nav .pull-left.video, .no-section-nav .pull-right.video {
            width: 595px;
            max-width: none
        }

    .no-section-nav .pull-left {
        margin-left: -128px
    }

    .no-section-nav .pull-right {
        margin-right: -128px
    }
}

.label, label {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    color: #191919;
    margin-bottom: 0
}

.filter, .filter h2, .filter h3, .filter h4, .filter h5, input[type=checkbox] + label, input[type=radio] + label {
    font-family: BentonSansRegular,'Arial Narrow',Arial,sans-serif;
    font-weight: 400
}

.pagination.inline li {
    display: inline-block
}

.pagination li.current {
    padding: 0;
    background: 0 0
}

    .pagination li.current a {
        color: #fff;
        background: #900
    }

.form-item.alpha li.current a, ul.pagination li a, ul.pagination li button {
    border-radius: 5px
}

#filter-pagination-mobile {
    height: 45px;
    position: relative;
    margin-bottom: 1rem
}

    #filter-pagination-mobile .button {
        height: 45px;
        line-height: 40px;
        border-radius: 5px;
        padding: 0;
        margin: 0
    }

        #filter-pagination-mobile .button.next, #filter-pagination-mobile .button.previous {
            position: absolute;
            width: 45px
        }

        #filter-pagination-mobile .button.previous {
            left: 0
        }

        #filter-pagination-mobile .button.next {
            right: 0
        }

        #filter-pagination-mobile .button.selector {
            position: absolute;
            left: 50px;
            right: 50px;
            width: auto
        }

            #filter-pagination-mobile .button.selector select {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                border: none;
                opacity: .01
            }

#filter-pagination {
    display: none
}

@media screen and (min-width:480px) {
    #filter-pagination {
        display: block
    }

    #filter-pagination-mobile {
        display: none
    }
}

.filter {
    margin-bottom: 1.25rem
}

    .filter.hide-labels .form-item-label, .filter.hide-labels .label, .filter.hide-labels label {
        display: none
    }

    .filter .button {
        padding: .4375rem 3rem;
        width: 100%
    }

.tabs-content .filter:first-child {
    margin-top: -11px
}

.filter.bg-dark {
    padding: 1rem;
    color: #fff
}

    .filter.bg-dark a, .filter.bg-dark h2, .filter.bg-dark h3, .filter.bg-dark h4, .filter.bg-dark h5, .filter.bg-dark label {
        color: #fff
    }

    .filter.bg-dark + .filter.bg-dark {
        margin-top: -1.75rem
    }

.bg-dark .filter .button:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #900
}

form.filter select {
    float: left;
    width: 50%
}

form .grid select {
    width: 100%
}

form .grid input, form .grid select {
    margin-bottom: 0
}

#filter-results table {
    table-layout: auto
}

#filter-selection {
    margin-top: 2.5rem;
    margin-bottom: .625rem;
    padding-bottom: .625rem
}

    #filter-selection .result-count {
        font-size: 1rem;
        margin-bottom: 0
    }

    #filter-selection .select-item {
        text-decoration: none;
        display: inline-block;
        color: #45382B;
        padding: .5rem 1.5rem .5rem .5rem;
        margin-bottom: 1rem;
        font-size: .875rem;
        position: relative;
        margin-right: .5rem;
        border: 1px solid #DBD9D6
    }

        #filter-selection .select-item:after {
            content: "\00D7";
            position: absolute;
            right: 8px;
            top: 4px;
            font-size: 1.125rem
        }

        #filter-selection .select-item:focus, #filter-selection .select-item:hover {
            border-color: #900
        }

            #filter-selection .select-item:hover::after, #filter-selection .select-item:hover:focus::after {
                color: #900
            }

        #filter-selection .select-item.clear {
            border-color: #900;
            padding-right: .5rem
        }

            #filter-selection .select-item.clear:after {
                display: none
            }

            #filter-selection .select-item.clear:focus, #filter-selection .select-item.clear:hover {
                background: #900;
                color: #fff
            }

#filter-controls {
    border-bottom: 1px solid #B8B0AB;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem
}

    #filter-controls .result-count {
        font-size: .875rem;
        line-height: 2.375rem;
        margin-bottom: 0
    }

    #filter-controls .button {
        margin-bottom: 0
    }

.result-count span {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    color: #333
}

.form-row {
    position: relative
}

    .form-row::after, .form-row::before {
        content: ' ';
        display: table
    }

.filter-title {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    line-height: 1
}

    .filter-title .label {
        font-size: 1rem;
        color: #333
    }

.form-item-label.has-action .label, .form-item-label.has-action label {
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid
}

.form-item-label .action {
    color: #900
}

.input-list .form-item {
    clear: left
}

.filter.alpha::after, .filter.link::after, .form-item.alpha::after, .form-item.link::after, .popover.open::after {
    clear: both
}

.filter.alpha::after, .filter.alpha::before, .filter.link::after, .filter.link::before, .form-item.alpha::after, .form-item.alpha::before, .form-item.link::after, .form-item.link::before {
    content: ' ';
    display: table
}

.filter.alpha ul, .filter.link ul, .form-item.alpha ul, .form-item.link ul {
    display: table;
    width: 100%
}

    .filter.alpha ul:first-child, .filter.link ul:first-child, .form-item.alpha ul:first-child, .form-item.link ul:first-child {
        margin-bottom: .5rem
    }

.filter.alpha li, .filter.link li, .form-item.alpha li, .form-item.link li {
    display: table-cell;
    border-left: 1px solid #DDD;
    line-height: 1.25rem;
    text-align: center
}

    .filter.alpha li:first-child, .filter.link li:first-child, .form-item.alpha li:first-child, .form-item.link li:first-child {
        border-left: none
    }

.filter.alpha.bg-dark a, .filter.link.bg-dark a, .form-item.alpha.bg-dark a, .form-item.link.bg-dark a {
    color: #fff
}

.filter.alpha.bg-dark li, .filter.link.bg-dark li, .form-item.alpha.bg-dark li, .form-item.link.bg-dark li {
    border-color: #fff
}

.filter.alpha li, .form-item.alpha li {
    width: 7.6923%
}

    .filter.alpha li a, .form-item.alpha li a {
        padding: 0 .25rem;
        border-radius: .25rem
    }

    .filter.alpha li.current a, .form-item.alpha li.current a {
        background: #900;
        color: #fff
    }

.filter.link li, .form-item.link li {
    padding: 0 10px;
    font-size: .875rem;
    text-transform: uppercase
}

    .filter.link li:first-child, .form-item.link li:first-child {
        text-align: left
    }

    .filter.link li:last-child, .form-item.link li:last-child {
        text-align: right
    }

.bg-dark .form-item.link li, .filter.link.bg-dark li {
    border-color: #7A1705
}

@media screen and (max-width:64em) {
    .form-group::after, .form-group::before, .form-item::after, .form-item::before {
        content: ' ';
        display: table
    }

    .form-group::after, .form-item::after {
        clear: both
    }
}

@media screen and (min-width:40em) {
    .filter + .filter {
        margin-top: -1.25rem
    }

    .filter.alpha ul, .form-item.alpha ul {
        width: 50%;
        float: left
    }

        .filter.alpha ul:first-child, .form-item.alpha ul:first-child {
            margin-bottom: 0
        }

        .filter.alpha ul:last-child, .form-item.alpha ul:last-child {
            border-left: 1px solid #DBD9D6
        }

        .filter.alpha ul li, .form-item.alpha ul li {
            width: 3.8461%
        }

            .filter.alpha ul li:first-child, .form-item.alpha ul li:first-child {
                border-left: none
            }

    .bg-dark .form-item.alpha ul:last-child, .filter.alpha.bg-dark ul:last-child {
        border-color: #fff
    }

    .form-item input[type=checkbox] + label, .form-item input[type=radio] + label {
        padding: .5rem 0
    }

    .input-list input[type=checkbox] + label, .input-list input[type=radio] + label {
        padding: 0
    }

    .grid-has-submit {
        position: relative;
        margin-bottom: 0
    }

        .grid-has-submit::after, .grid-has-submit::before {
            content: ' ';
            display: table
        }

        .grid-has-submit::after {
            clear: both
        }

        .grid-has-submit .grid {
            width: calc(100% - 50px);
            float: left
        }

        .grid-has-submit button[type=submit], .grid-has-submit input[type=submit] {
            position: absolute;
            right: 0;
            bottom: 24px
        }

    .filter button[type=submit], .filter input[value=Go] {
        width: auto;
        padding: .4375rem
    }

    #filter-selection.border-bottom {
        border-bottom: 1px solid #B8B0AB
    }
}

@media only screen and (max-width:680px) {
    .filter.link li:first-child, .filter.link li:last-child, .form-item.link li:first-child, .form-item.link li:last-child {
        text-align: center
    }
}

@media only screen and (max-width:485px) {
    .filter.link li, .filter.link ul, .form-item.link li, .form-item.link ul {
        display: block
    }

    .filter.link li, .form-item.link li {
        border-left: 0;
        text-align: left !important;
        padding: 0 0 8px
    }
}

.popover {
    display: none;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: fadeInDown 350ms ease-in-out
}

html.no-scroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.popover.open {
    display: block;
    width: 90%;
    padding: 1rem;
    position: fixed;
    top: 100px;
    left: 50%;
    background: #fff;
    z-index: 21
}

    .popover.open::after, .popover.open::before {
        content: ' ';
        display: table
    }

    .popover.open .modal-title {
        margin: -1rem -1rem 1rem;
        padding: 1rem;
        font-size: .875rem;
        color: #fff;
        background: #900
    }

    .popover.open span.close {
        font-size: 1.0625rem;
        height: 48px;
        line-height: 48px;
        right: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 48px
    }

    .popover.open .form-item {
        clear: both !important;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .popover.open select {
        font-size: 1.125rem;
        height: 45px
    }

    .popover.open .grid {
        margin-bottom: 1.25rem
    }

.popoverScreen.open {
    z-index: 20;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4)
}

.result-count.loading span {
    background: url(img/ajax-loader.gif) center 2px no-repeat;
    background-size: 15px;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px
}

.alpha.checkboxes [type=checkbox], .alpha.radios [type=radio] {
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    padding: 0
}

.filter.hide-labels .alpha.checkboxes label, .filter.hide-labels .alpha.radios label {
    display: block
}

.filter .grid + .form-item {
    margin-top: 20px
}

.alpha.radios [type=radio] {
    border: 0;
    margin: -1px
}

    .alpha.radios [type=radio] + label {
        margin: 0 5px;
        padding: 0
    }

    .alpha.radios [type=radio]:checked + label {
        background: #900;
        color: #fff;
        border-radius: 3px
    }

.alpha.checkboxes {
    clear: both
}

    .alpha.checkboxes [type=checkbox] {
        border: 0;
        margin: -1px
    }

        .alpha.checkboxes [type=checkbox] + label {
            margin: 0 5px;
            padding: 0
        }

        .alpha.checkboxes [type=checkbox]:checked + label {
            background: #900;
            color: #fff;
            border-radius: 3px
        }

    .alpha.checkboxes input + label {
        border: 1px solid transparent
    }

    .alpha.checkboxes input:focus + label {
        outline: 0;
        border: 1px solid #4D90FE;
        box-shadow: 0 0 2px #4D90FE
    }

@media screen and (max-width:420px) {
    .form-item ~ .button {
        margin-top: 20px
    }

    .alpha.checkboxes li, .alpha.radios li {
        width: 11.11111%
    }

        .alpha.checkboxes li:nth-child(10), .alpha.checkboxes li:nth-child(19), .alpha.radios li:nth-child(10), .alpha.radios li:nth-child(19) {
            border-left: none
        }

        .alpha.checkboxes li:nth-child(n+10), .alpha.radios li:nth-child(n+10) {
            margin-top: 5px
        }
}

@media screen and (min-width:421px) and (max-width:640px) {
    .form-item ~ .button {
        margin-top: 20px
    }

    .alpha.checkboxes li:nth-child(14), .alpha.radios li:nth-child(14) {
        border-left: none
    }

    .alpha.checkboxes li:nth-child(n+14), .alpha.radios li:nth-child(n+14) {
        margin-top: 5px
    }
}

@media screen and (min-width:40em) {
    .alpha.checkboxes ul, .alpha.radios ul {
        width: 100%;
        display: block;
        border-left: 0 !important
    }

    .alpha.checkboxes li, .alpha.radios li {
        width: 3.84615%
    }
}

input[type=password]:focus, input[type=text]:focus, textarea:focus {
    outline: -webkit-focus-ring-color auto 5px
}

.filter.alpha ul, .filter.link ul, .form-item.alpha ul, .form-item.link ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media print {
    #branding-bar, #branding-bar h1, #branding-bar:after, #footer, #search, #section-nav, #toggles, .breadcrumbs, .right-off-canvas-menu, .skirt, header .sub-nav, nav.main {
        display: none
    }

    .slick-slide, .slick-track {
        width: 100% !important
    }

    body * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    #branding-bar {
        position: absolute;
        border-bottom: none;
        height: 55px
    }

    header h1 {
        margin-left: 70px
    }

    .page-title h1 {
        text-transform: none;
        font-size: 2rem
    }

    .inner-wrap {
        padding: 60px 0 0 !important
    }

    .section, .section.bg-image {
        padding: 0 !important;
        margin: 0 !important
    }

    .button, .text-center, a.button {
        text-align: left !important;
        padding: 0
    }

    .section a {
        text-decoration: none
    }

        .section a[href$=html]:after, .section a[href^=http]:after {
            content: " <" attr(href) "> "
        }

        .section a[href^="#"]:after, a[href]:after {
            content: ""
        }

    .accordion dd {
        display: block !important
    }

    a.button {
        padding: 5px
    }

    blockquote {
        border: none;
        padding: 0
    }

    figure.callout, figure.quote {
        border: 1px solid;
        padding: 5px;
        margin-bottom: 16px
    }

        figure.callout:after, figure.callout:before, figure.quote:after, figure.quote:before {
            content: " ";
            display: table
        }

        figure.callout:after, figure.quote:after {
            clear: both
        }

    .stat {
        height: auto !important
    }

    .button {
        margin-bottom: 20px !important;
        margin: 15px 0;
        left: 0 !important;
        right: 0 !important
    }

    .carousel-features a.button {
        position: relative
    }

    img {
        max-width: 200px;
        margin: 20px auto
    }

    .slick-track {
        transform: translate3d(0,0,0) !important
    }

    .slick-slide * {
        min-height: 0 !important
    }

    .slick-slide.slick-cloned {
        display: none
    }
}
/*! End IU Framework */