/* Minification failed. Returning unminified contents.
(6782,33): run-time error CSS1046: Expect comma, found '0'
(6782,37): run-time error CSS1046: Expect comma, found '/'
(6819,29): run-time error CSS1030: Expected identifier, found '>'
(6819,31): run-time error CSS1030: Expected identifier, found '*'
(6819,32): run-time error CSS1031: Expected selector, found ')'
(6819,32): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
http://www.washington.edu/brand/COLORS
purple - #4b2e83
light gold - #e8e3d3
normal gold - #b7a57a 
metallic gold - #85754d
light grey - #d9d9d9
dark grey - #444444
*/

/* GRID */
.row {
    max-width: 72.5rem;
}

/* WEBFONTS */
@font-face {
    font-family: 'encode_sans_normalblack';
    src: url('/css/fonts/encodesansnormal-900-black-webfont.eot');
    src: url('/css/fonts/encodesansnormal-900-black-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/encodesansnormal-900-black-webfont.woff2') format('woff2'), url('/css/fonts/encodesansnormal-900-black-webfont.woff') format('woff'), url('/css/fonts/encodesansnormal-900-black-webfont.ttf') format('truetype'), url('/css/fonts/encodesansnormal-900-black-webfont.svg#encode_sans_normalblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sans_compressedXbd';
    src: url('/css/fonts/encodesanscompressed-800-extrabold-webfont.eot');
    src: url('/css/fonts/encodesanscompressed-800-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/encodesanscompressed-800-extrabold-webfont.woff2') format('woff2'), url('/css/fonts/encodesanscompressed-800-extrabold-webfont.woff') format('woff'), url('/css/fonts/encodesanscompressed-800-extrabold-webfont.ttf') format('truetype'), url('/css/fonts/encodesanscompressed-800-extrabold-webfont.svg#encode_sans_compressedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: encode_sans_compressedMedium;
    src: url('/css/fonts/encodesanscompressed-500-medium.eot');
    src: url('/css/fonts/encodesanscompressed-500-medium.eot?#iefix') format('embedded-opentype'), url('/css/fonts/encodesanscompressed-500-medium.woff2') format('woff2'), url('/css/fonts/encodesanscompressed-500-medium.woff') format('woff'), url('/css/fonts/encodesanscompressed-500-medium.ttf') format('truetype'), url('/css/fonts/encodesanscompressed-500-medium.svg#encode_sans_compressedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: open_sansregular;
    src: url('/css/fonts/open_sans_regular-webfont.eot');
    src: url('/css/fonts/open_sans_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/open_sans_regular-webfont.woff2') format('woff2'), url('/css/fonts/open_sans_regular-webfont.woff') format('woff'), url('/css/fonts/open_sans_regular-webfont.ttf') format('truetype'), url('/css/fonts/open_sans_regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uw-icon';
    src: url('/css/fonts/icomoon.eot');
    src: url('/css/fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('/css/fonts/icomoon.ttf') format('truetype'),url('/css/fonts/icomoon.woff') format('woff'),url('/css/fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

/* '' */ /* TYPOGRAPHY */

*, p, a {
    font-family: open_sansregular, sans-serif;
}

.twitterTimeStamp, .twitterName a {
    color: #4b2e83;
    font-family: 'encode_sans_normalblack', open_sansregular, sans-serif;
    line-height: 36px;
}

.twitterTimeStamp, .twitterName a {
    text-transform: uppercase;
}

h1 {
    font-size: 2.5em;
    line-height: 1em;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h1, .hed {
    font-family: encode_sans_normalBlack, open_sansregular, sans-serif !important;
    font-weight: normal;
    letter-spacing: .02em;
    line-height: 1.2;
    text-transform: uppercase;
    display: inline-block;
}

.hed {
    margin-top: .5em;
}

    h1:after, .hed:after {
        background-image: linear-gradient(105deg, #ceb888 94.5%, transparent 95.5%);
        content: '';
        display: block;
        height: .25em;
        margin-bottom: .5em;
        margin-top: .3em;
        width: 30%;
    }

h1 small.parent {
    display: block;
    margin-bottom: .5em;
}

h2 {
    color: #212224;
    font-family: encode_sans_compressedXbd, open_sansregular, sans-serif;
    font-size: 1.7em;
    /* text-transform: uppercase; */
}

h3 {
    color: #212224;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    font-size: 1.43em;
}

h4, h5, h6 {
    color: #212224;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    font-size: 1em;
}

.sidebar h2, .sidebar-widget-container h2 {
    font-size: 1.4em;
}
    h3 a, h4 a, h5 a, h6 a, .menu-icon p, ul.userNavExpanded li a, .sliderContainer .homeSliderBtns a, .tabs .tab-title > a, .controlsContainer .controls .filters *, .alphabetFilterContainer .pagination li a, .button, .simpleButton, .card-title, .social-heading, .overlay-heading {
        color: #4b2e83;
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
        letter-spacing: .5px;
    }

h2 a, .top-bar-section ul li a, .eventVerticalContainer h4 a, .eventContainer h4 a, .externalStory h4 a, .faculty .content h5 a, .social-heading a {
    font-family: 'encode_sans_compressedMedium', open_sansregular, sans-serif;
}

nav .left .has-dropdown a {
    font-family: encode_sans_compressedXbd;
}

ul.dropdown li a {
    color: #4b2e83 !important;
    font-family: open_sansregular, sans-serif !important;
    font-weight: bold !important;
}

.eventSubHeader {
    font-size: 70%;
    font-style: italic;
}

p {
    color: #3d3d3d;
}

a:link {
    color: #4b2e83;
    text-decoration: none;
}

main a:link {
    border-bottom: .1em solid #d1a847;
    font-weight: bold;
}

main p a:link,
a.button:link {
    font-weight: bold;
}

.sidebar a:link,
.leftNav a,
.breadcrumbs a,
a.link-box:link, a.link-card:link {
    border-bottom: none !important;
}
    a:visited {
    color: #4b2e83;
}
main a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
main a:active {
    background: #f0e2c2;
    color: black !important;
    outline: 1px dotted #333333;
}


ul {
    margin-left: 1em;
}

/* GLOBAL */

.clear {
    clear: both;
}

.off-canvas-wrap {
    background-color: #333333;
}

body {
    font-family: open_sansregular, sans-serif;
}

.bodyBG {
    background: url("/media/backgrounds/schoolOfLaw.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.simpleButton {
    background-color: #4b2e83;
    color: #fff;
    text-align: center;
    -webkit-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
    padding: .5em;
}

    .simpleButton:hover {
        background-color: #613BA9;
    }

    .simpleButton[disabled] {
        background-color: #816fa5;
    }
/* HEADER */

.alert-box.radius {
    margin-bottom: 0;
    border-radius: 0;
}

header {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.5);
}

.logoW {
    background-image: url("/media/sprites/uw-sprite.svg");
    background-position: 0 -69px;
    background-repeat: no-repeat;
    background-size: 850px 810px;
    display: none;
    height: 2.5em;
    margin-right: 1em;
    position: relative;
    width: 122px;
    float: left;
}

.no-webgl .logoW {
    background-image: url("/media/sprites/uw-sprite.png");
    background-position: 0 0;
    top: 0px;
}

h1 {
    text-align: left;
    max-width: 100%;
}

div.title {
    float: left;
    height: 100%;
	overflow: hidden;
}

.title img {
    max-width: 8em;
}

.tab-bar {
    background: none repeat scroll 0 0 #4b2e83;
}

.tab-bar-section {
    position: static;
}

    .tab-bar-section a {
        display: inline-block;
        max-width: 20px;
    }

.top-bar-section .has-dropdown > a:after {
    border-color: transparent transparent transparent #ceb888;
}

.right-off-canvas-menu {
    overflow: visible;
}

.right-small {
    border-left: none;
}

.userNavContainer {
    position: absolute;
    right: 2.5em;
}

    .userNavContainer button {
        background-color: transparent;
        background-image: url("/media/icons/hamburger.png");
        background-position: 4px 7px;
        background-repeat: no-repeat;
        background-size: 48px 16px;
        display: inline-block;
        height: 30px;
        margin-bottom: 0;
        padding: 0.7em 0.8em;
        position: absolute;
        right: 2.5em;
        top: 6px;
        width: 30px;
    }

        .userNavContainer button.open {
            background-position: -23px 7px;
            color: #fff;
            right: 2.55em;
            width: 28px;
        }

ul.userNav {
    background-color: #fff;
    display: block;
    padding: 1em;
    position: relative !important;
    width: 11em !important;
}

ul.userNavExpanded {
    position: absolute;
    right: 14em;
}

.tab-bar .menu-icon {
    background-image: url("/media/sprites/uw-sprite.svg");
    background-position: -458px -293px;
    background-repeat: no-repeat;
    background-size: 850px 810px;
    top: 0;
    position: absolute;
}

.no-webgl .tab-bar .menu-icon {
    background-image: url("/media/sprites/uw-sprite.png");
    background-size: 865px 850px;
}

.top-bar {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #eee;
    color: #444;
}

    .top-bar.expanded .title-area {
        background: none repeat scroll 0 0 #e7dcc5;
    }

    .top-bar .toggle-topbar {
        left: 0;
    }

        .top-bar .toggle-topbar a, .top-bar.expanded .toggle-topbar a {
            color: #4b2e83;
        }

.top-bar-section ul {
    background-color: #fff;
}

    .top-bar-section ul li {
        background: none repeat scroll 0 0 transparent;
    }

        .top-bar-section ul li > a {
            color: #53565a;
            font-size: 18px;
        }

            .top-bar-section ul li > a:hover {
                background-color: #4b2e83;
            }

        .top-bar-section ul li.active > a {
            background: none repeat scroll 0 0 #4b2e83;
            color: white;
        }

        .top-bar-section ul li:hover:not(.has-form) > a {
            color: #ceb888;
        }

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #b7a57a;
    color: white;
    line-height: 45px;
    padding: 0 15px;
}

.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown .title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
    background: none repeat scroll 0 0 #e7e7e7 !important;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: none repeat scroll 0 0 #272727;
    color: #4b2e83;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
    color: gray;
    display: block;
}

.top-bar-section .left, .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click > .dropdown {
    background-color: #fff;
    padding: 8px;
}

    .top-bar-section .left li, .top-bar-section .dropdown li {
        border-bottom: 1px solid #e7e7e7;
        padding: 8px 0;
    }

        .top-bar-section .left li, .top-bar-section .dropdown li:last-child {
            border-bottom: none;
        }

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    line-height: 1.5em;
}

.searchIcon {
    background: url("/media/icons/icon_searchWhite_Circle.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    display: block;
    height: 3.1em;
    position: absolute;
    right: 3.5em;
    text-align: right;
    top: 0.35em;
    width: 2.1em;
    -webkit-transition: all 0.1s linear ease-in-out;
    transition: all 0.1s linear ease-in-out;
}

.no-webgl .searchIcon {
    background: url("/media/icons/icon_searchWhite_Circle.png") no-repeat scroll 0 0;
}

.searchIcon:hover {
    background-image: url('/media/icons/icon_searchGold_Circle.png');
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.main-section {
    padding-top: 0;
}

.breadcrumbs {
    background-color: #fff;
    border: none;
    top: .5em;
}

    .breadcrumbs > *:before {
        top: -2px;
    }

    .breadcrumbs a {
        text-transform: none;
        font-size: 16px;
        font-weight: normal;
        overflow: hidden; /*white-space: nowrap;*/
    }

    .breadcrumbs > * {
        line-height: 1.6rem;
    }

    .breadcrumbs li a .homeIcon {
        background: url("/media/sprites/uw-sprite.svg") repeat scroll -257px -7px / 863.5px 700.17px rgba(0, 0, 0, 0);
        display: inline-block;
        height: 16px;
        width: 18px;
        position: relative;
        margin-right: .5em;
    }

.no-webgl .breadcrumbs li a .homeIcon {
    background: url("/media/sprites/uw-sprite.png") repeat scroll -257px -7px / 863.5px 700.17px rgba(0, 0, 0, 0);
}
/* SLIDER */

.sliderHeading {
    text-align: center;
    margin-bottom: 1em;
}

.orbit-container {
    margin-bottom: 2em;
}

span.pillarIcon {
    display: inline-block;
    font-family: "pillarIcons";
    font-size: 20px;
    margin-right: 0.5em;
    float: left;
}

ul.sliderCalloutsMobile {
    margin: 0;
    padding-top: 1em;
    padding: 1em 0 1em 0;
}

    ul.sliderCalloutsMobile li {
        display: block;
        list-style-type: none;
        overflow: hidden;
        margin-bottom: 1em;
    }

        ul.sliderCalloutsMobile li a {
            display: block;
            height: 9em;
            position: relative;
        }

            ul.sliderCalloutsMobile li a:hover {
                background-color: #4b2e83;
            }

            ul.sliderCalloutsMobile li a img {
                opacity: 0.6;
                width: 100%;
            }

            ul.sliderCalloutsMobile li a:hover img {
                display: none;
                opacity: 1;
            }

        ul.sliderCalloutsMobile li img {
            display: block;
            float: left;
            clear: both;
            position: absolute;
        }

        ul.sliderCalloutsMobile li a section {
            float: left;
            position: absolute;
            bottom: 0;
            padding: .75em;
        }

            span.pillarIcon, ul.sliderCalloutsMobile li a section h4 {
                color: #4b2e83;
                line-height: 20px;
                margin-bottom: 5px;
                text-shadow: 0 1px 5px rgba(255, 255, 255, 1);
            }

        ul.sliderCalloutsMobile li a:hover span.pillarIcon, ul.sliderCalloutsMobile li a:hover section h4 {
            color: #fff;
            text-shadow: none;
        }

        ul.sliderCalloutsMobile li a section p {
            background-color: #4b2e83;
            bottom: 0;
            color: #fff;
            font-size: 14px;
            left: 0;
            margin-left: -1em;
            opacity: 0.9;
            padding: 10px 10px 10px 1em;
            width: 100%;
            margin-bottom: 0;
        }
/* TILES */

.tile {
    background-color: #ffffff;
    border-bottom: 1px solid #fff;
    border: 1px solid #ddd;
    color: #484848;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif; /*font-size: 20px; use standard sizes for tiles*/
    margin-bottom: 2em;
    box-shadow: 0px 1px 2px 0 rgba(50, 50, 50, 0.5);
}

    .tile h2, .tile h3, .tile h4 {
        border-style: none;
    }
/* BODY */

.orbit-caption * {
    color: #EEE;
}

.orbit-caption a {
    color: #fff;
}
    /* this is for all sliders - not just home page */

    .orbit-caption a:hover {
        color: #e8d8b4;
    }

.mainContentContainer {
    background-color: #fff;
    padding-bottom: 3em;
    position: relative;
}

.mainContent {
    background-color: #fff;
}

    .mainContent h1 {
        margin-bottom: .5em;
    }

    .mainContent .featuredImage {
        margin-bottom: 1em;
    }

.inner-wrap {
    background-color: #fff;
}

[class*="column"] + [class*="column"]:last-child {
    float: left;
}
/*  override Foundation which defaults to right */

.featured .featuredImageContainer {
    max-height: 25em;
    overflow: hidden;
}

    .featured .featuredImageContainer img {
        width: 100%;
    }

.list img {
    float: left;
    margin: 1em;
    /* width: 20%; */
    width: 40%;
}

.tile .content {
    padding: 10px 20px;
}

.list {
    margin-bottom: 3em;
}

.listArticle {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding: 0 0 1em;
}


    .listArticle img {
        width: 100%;
    }

    .listArticle p {
        margin-bottom: 0;
    }

    .listArticle:last-child {
        margin-bottom: 1em;
        border: none;
    }

.mainContent .listArticle .content p {
    margin-bottom: 1em;
}

.blogFeed {
    display: inline-block;
    margin-bottom: 0;
}

    .blogFeed li {
        display: inline-block;
        list-style-type: none;
        margin-bottom: 1.25em;
        position: relative;
        width: 100%;
    }

        .blogFeed li .imageContainer {
            margin: 0;
            padding: 0;
            height: 100%;
            background-color: #E8E3D3;
            overflow: hidden;
        }

            .blogFeed li .imageContainer img {
                margin: 0 auto;
                vertical-align: middle;
                height: 100%;
                width: 100%;
            }

        .blogFeed li .content {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            padding: 0;
        }

            .blogFeed li .content .excerpt, .featuredStory .content p, .externalStory .content p {
                line-height: 20px;
                font-size: 14px;
            }

    .blogFeed .excerpt {
        margin-bottom: 0.3em;
    }

.imageContainer {
    margin-bottom: 1em;
}

.timeStamp, .credit {
    font-size: 10px;
    margin-bottom: .5em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.prospectiveStudentPrograms li {
    margin-bottom: 1em;
}

.sectionApply ul, .sectionPaying ul, .sectionStudy ul {
    margin-left: 0;
}

.sectionApply li, .sectionPaying li, .sectionStudy li {
    list-style-type: none;
    margin-bottom: .5em;
}

.whereBegin {
    margin-bottom: 3em;
}

    .whereBegin li {
        list-style-type: disc;
        margin-left: 1em;
    }

        .whereBegin li p {
            margin-bottom: 0;
        }

.typographyStyles {
    margin-bottom: 5em;
}

.featuredStory, .internalStory {
    background-color: #f1f1f1;
}

.featuredStory {
    display: block;
    padding: 0;
    margin-bottom: 3em;
}

    .featuredStory .content {
        padding: 1em;
    }

.externalStory {
    display: block;
    padding-bottom: 1.25em;
}

    .externalStory h4 {
        font-size: 18px;
    }

.externalNewsFeed .blogFeed li .externalStory .content {
    padding-left: 0;
}

.externalStory .content .timeStamp {
    font-size: 10px;
    line-height: 12px;
}

.internalStory {
    padding: 0;
}

.blogFeed ul li .imageContainer .imageContainer {
    margin: 0 0 1em 0;
    position: relative;
    width: 100%;
}

.externalStory img {
    margin-bottom: 1em;
    margin: 0 auto 1em auto;
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
}

.faculty ul {
    display: inline-block;
    position: relative;
    margin-left: 0;
}

    .faculty ul li {
        float: none;
        font-size: 12px;
        margin-bottom: 0.25em;
    }

        .faculty ul li a {
            text-align: center;
            width: 100%;
        }

.faculty .contactButtons {
    display: inline-block;
    position: relative;
}

    .faculty .contactButtons li {
        margin-right: 0.5em;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: .5em;
    }

    .faculty .contactButtons a {
        background-color: #4b2e83;
        color: #fff;
        padding: .5em 1em;
        font-size: 12px;
    }

        .faculty .contactButtons a:hover {
            background-color: #613BA9;
        }

.faculty .content h5 a {
    color: #4b2e83;
}
/* BLOG/NEWS ARTICLE */

.meta {
    margin-bottom: 2em;
}

    .meta div {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        margin-bottom: 1em;
        padding: .5em 0;
    }

        .meta div .timeStamp, .category {
            font-size: 12px;
            letter-spacing: .5px;
            display: inline;
            padding: 1em 0;
        }

.mainContent .category {
    display: block;
    text-align: center;
    padding: 0;
}

.meta div .timeStamp {
    margin-right: 1em;
}

.meta .button {
    padding: 0.55em;
}

    .meta .button p {
        color: #fff;
        margin: 0;
        text-align: center;
    }

    .meta .button img {
        height: 1.5em;
        margin-right: 1em;
        width: 1.5em;
    }

    .meta .button p {
        line-height: 0;
    }

.meta .share {
    padding: 1em;
    margin-bottom: 1em;
}

    .meta .share img {
        margin-right: 1em;
        width: 1.5em;
    }

    .meta .share p {
        color: #fff;
        margin-bottom: 0;
    }
/* SIDEBAR */

.sidebarCallout {
    padding: 2em;
    margin-bottom: 3em;
    background-color: #eee;
    clear: both;
}

.sidebar .sidebarCallout img {
    margin-bottom: .5em;
}

.sidebar .sidebarCallout .sidebarCalloutMeta {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.sidebar .sidebarCallout ul {
    margin-bottom: 0;
}

.sidebar .sidebarButtons {
    margin: 3em 0;
}

    .sidebar .sidebarButtons p {
        margin: 0;
        color: #ccc;
    }

.sidebar .sidebarCallout img {
    max-width: 10em;
    margin: 0 auto .5em auto;
}

.sidebar .widget + .widget {
    margin-top: 1em;
}
/* ALL FACULTY FILTER CONTROLS */

.controls {
    background-color: #E6E6E6;
    border: 1px solid #d3d3d3;
    margin-bottom: 1em;
    padding: 1em;
}

    .controls .filters, .controls .sortBy {
        display: inline-block;
        margin-right: 3em;
    }

        .controls .filters p, .controls .sortBy p {
            font-weight: bold;
            display: inline-block;
            float: left;
            margin: 3px 1em;
        }

        .controls .filters .filter, .filter.target, .controls .sortBy .sort {
            color: #999;
            display: inline-block;
            float: left;
            line-height: 0;
            margin-right: 1em;
            padding: 1em 0.5em;
        }

            .controls .filters .filter:hover, .controls .sortBy .sort:hover, .filter.target:hover {
                background-color: #999;
                color: #fff;
            }

            .controls .filters .filter.active, .filter.target.active {
                background-color: #85754d;
                color: #fff;
            }

.facultySearchContainer div .postfix {
    background-color: #4B2E83;
    color: #fff;
}

.alphabetFilterContainer {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2em;
}

    .alphabetFilterContainer div::after {
        clear: both;
        content: '';
        display: table;
    }

    .alphabetFilterContainer ul {
        display: block;
        margin: 10px 0 0;
    }

        .alphabetFilterContainer ul li {
            margin-bottom: 1em;
        }

.controlsContainer .controls .filters p {
    display: block;
    margin-left: 5px;
    color: #85754d;
}

#Container {
    margin-bottom: 1em;
}

.blog .bio .profileImage {
    float: none;
}

.blog .bio, .blog .bio h3 {
    text-align: center;
}

.blog .summaryImage {
    display: block;
}

.summaryContainer {
    overflow: auto;
}

.blog .newsSummaryButton {
    width: 140px;
    white-space: nowrap;
}

    .blog .newsSummaryButton:before {
        right: -55px !important;
        width: 55px !important;
    }

    .blog .newsSummaryButton:after {
        right: -55px !important;
        width: 55px !important;
    }

.blog .imageContainer {
    float: left;
    padding-top: 1em;
    margin-bottom: 0;
}

.blog h1.bannerText {
    font-size: 1.5em;
}

    .blog h1.bannerText a {
        text-decoration: none;
        display: inline;
    }

    .blog h1.bannerText img {
        display: inline;
    }

.news .newsSummaryButton {
    display: inline-block !important;
    margin-bottom: 0;
}

.news .imageContainer {
    float: left;
    padding-top: 1em;
    margin-bottom: 0;
}

.faculty {
    border-bottom: 1px solid #ddd;
}

    .faculty p {
        font-size: 12px;
    }

    .faculty .credit {
        display: block;
        margin: 0 0 .5em 0;
    }

.bio {
    text-align: center;
}

    .bio .profileImage {
        position: relative;
        display: block;
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
        max-width: 10em;
    }

.facultyList .faculty h3, .facultyList .faculty p {
    text-align: left;
}

.facultyList .faculty {
    padding: 1em;
}

    .facultyList .faculty .profileImage {
        max-width: 6em;
        padding: 0;
    }

    .facultyList .faculty .content {
        margin: 0;
        padding-right: 0;
    }
/* SINGLE FACULTY PROFILE */

.facultyAccordionContainer, .facultyTabsContainer {
    margin-bottom: 3em;
}

    .facultyAccordionContainer dl.accordion dd.accordion-navigation > a:after {
        content: "View";
        color: #4b2e83;
        float: right;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .facultyAccordionContainer dl.accordion dd.accordion-navigation.active > a:after {
        content: 'Close';
    }

.faculty .bio div {
    margin-bottom: 1em;
}

.faculty .bio li div .facultyButton {
    float: left;
    width: 80%;
}

.facultyAccordionContainer dd div ul li {
    margin-bottom: .5em;
}
/* TESTIMONIALS */

.testimonial {
    padding: 1em;
}

    .testimonial p {
        margin-bottom: .1em;
    }
/* TWEETS */

.tweet {
    background-color: #fff;
    border: 1px solid #F3F2EC;
    text-align: center;
    padding: 2em 3em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.tweetContainer, .externalNewsFeed {
    margin-bottom: 3em;
}

    .tweetContainer h3 span {
        font-size: 18px;
    }

    .tweetContainer ul li {
        border-bottom: 1px solid #ccc;
        padding: 0 0 1.5em 0;
        margin-bottom: 1.5em;
    }

    .tweetContainer p {
        margin-bottom: 1px;
    }

    .tweetContainer twitterTimeStamp {
        margin-bottom: 0;
    }
/* EVENTS */

.eventsTimeStamp, .twitterTimeStamp {
    font-size: 12px;
    margin: 5px 0 2px 0;
}

.eventVerticalContainer.programEvents h3, .eventVerticalContainer.programEvents .event {
    text-align: left;
}

    .eventVerticalContainer.programEvents .event .content {
        padding-left: 0;
        padding-right: 0;
    }

.eventVerticalContainer .event {
    border-right: none;
    margin-bottom: 1.5em;
}

    .eventVerticalContainer .event .content {
        border-bottom: 1px solid #ccc;
        padding: 0 1.5em 1em;
    }

.eventContainer h4 {
    line-height: 24px !important;
}

    .eventVerticalContainer h4 a, .eventContainer h4 a, .externalStory h4 a {
        color: #4b2e83;
        font-size: 18px;
    }

.eventContainer li, .twitterContainer li, ul.footerNav li {
    list-style-type: none;
}

.eventName, .twitterName {
    text-align: center;
    font-size: 24px;
}

    .eventName a, .twitterName a {
        color: #4b2e83;
    }

.event {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

    .event:last-child {
        border: none;
    }

.eventContainer h2.eventName {
    margin-bottom: 1em;
}

.event .content {
    padding: 1em;
}

.noImage {
    height: 100%;
}

    .noImage p {
        vertical-align: middle;
    }

.eventContainer .button {
    float: right;
}

.tweet img {
    margin-bottom: 1em;
    width: 350px;
    height: 200px;
}

.tweet p {
    line-height: 20px;
}

.tweet .twitterTimeStamp {
    color: #838383;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bannerAdContainer {
    display: block;
    margin-bottom: 2em !important;
}

    .bannerAdContainer .bannerAd {
        background-color: #e7e7e7;
        display: block;
        padding: 1.2em 1em 1em;
    }

.slick-list {
    margin-bottom: 1em !important;
}

.slick-prev:before, .slick-next:before {
    color: #85754d;
}
/* PAGINATION */

.mainContent ul.pagination {
    margin-bottom: 3em;
    clear: both;
}

ul.pagination li.current a, ul.pagination li.current button {
    background-color: #4b2e83;
}

    ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background-color: #613BA9;
    }
/* SEARCH */

.searchContainer {
    background-color: #e8e3d3;
    display: inline-block;
    margin-bottom: 2em;
    padding: 1em;
    width: 100%;
}

    .searchContainer input {
        padding: 0.75em 1em;
        width: 70%;
    }

    .searchContainer .simpleButton {
        height: 2.25em;
        padding: 0.35em;
        width: 25%;
    }

    .searchContainer .suggestions {
        clear: both;
        display: block;
    }

        .searchContainer .suggestions p {
            margin-bottom: 0;
        }

        .searchContainer .suggestions ul {
            margin-bottom: 0;
        }

            .searchContainer .suggestions ul li {
                float: left;
                margin-right: 1em;
            }

.onlineArticles li {
    border-bottom: solid 1px #ddd;
    padding: 20px 0;
}

    .onlineArticles li:last-child {
        border-bottom: none;
    }
/* LEFT SIDEBAR */

.leftNav ul {
    margin-bottom: 2em;
}

    .leftNav ul li, .sidebar .sidebarCallout li {
        border-bottom: 1px solid #ddd;
        padding: .5em;
    }

    .leftNav ul.no-indent {
        padding-left: 0;
        margin-left: 0;
    }

.leftNav li.no-bottom {
    border-bottom: none;
}
/* RIGHT SIDEBAR */

.sidebar .download, .sidebar .courseCatalog, .sidebar .programs .sidebar .video, .sidebar .tags {
    margin-bottom: 1em;
}

.sidebar h2, .leftNav h2 {
    background-color: #4b2e83;
    color: #fff;
    font-family: "encode_sans_compressedMedium", open_sansregular, sans-serif;
    font-size: 16px;
    padding: 0.3em 0.75em 0.4em;
    text-transform: uppercase;
}

.sidebar h3, .leftNav h3, .sidebar h4, .leftNav h4 {
    color: #000;
    font-family: "encode_sans_compressedMedium", open_sansregular, sans-serif;
    font-size: 16px;
}

.sidebar .courseCatalog {
    background-color: #4B2E83;
    display: block;
    padding: 1em;
    color: #fff;
    text-align: center;
}

.sidebar .faculty {
    padding: 0;
    margin-bottom: 1em;
}

    .sidebar .faculty .profileImage {
        margin: 0 auto;
        display: block;
    }

.sidebar .programs {
    margin: 1em 0;
}

.sidebar ul {
    margin-bottom: 2em;
}

.sidebar li {
    margin-bottom: .25em;
}

.sidebar .sidebarCallout li {
    margin-bottom: 0;
}

    .sidebar .sidebarCallout li:last-child {
        border-bottom: none;
    }

.sidebar .download {
    display: block;
    padding: 1em;
    background-color: #CC181E;
    color: #fff;
    text-align: center;
}

.sidebar .label {
    background-color: #ededea;
    margin: .3em .15em;
    padding: 1em;
}

    .sidebar .label a {
        color: #4b2e83;
        font-size: .75rem;
        font-weight: bold;
        text-decoration: none;
    }

    .sidebar .label:hover {
        background-color: #e7dcc5;
    }

        .sidebar .label:hover a {
            color: inherit;
        }

    .sidebar .label.current {
        background-color: #4b2e83;
    }

        .sidebar .label.current a {
            color: white;
            font-weight: bold;
        }

.sidebar .video {
    background-color: #ddd;
    border: 5px solid #fff;
    display: block;
}

.sidebar .contactInfo p {
    font-size: .75em;
}

.sidebar .sidebarMenu {
}

    .sidebar .sidebarMenu li {
        display: inline-block;
        margin: .3em .15em;
    }

        .sidebar .sidebarMenu li a {
            background-color: #ededea;
            color: #4b2e83 !important;
            display: block;
            font-weight: bold;
            padding: 1em;
            text-decoration: none;
        }

            .sidebar .sidebarMenu li a:hover {
                background-color: #e7dcc5;
            }
/* FOOTER */

.footerContainer {
	background-color: #4b2e83;
    background-image: url('/media/backgrounds/footerBG.jpg');
	background-position: center 0;
	background-repeat: no-repeat;
    background-size: cover;
    border-top: 7px solid #d1d1d1;
    color: #fff;
    padding: 3em 0 2em;
}

.footerLogo {
    display: block;
    margin: 0 auto 1em auto;
    text-align: center;
}

.beBoundless {
    color: #B4A9C8;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2em;
}

.connect {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-family: 'encode_sans_compressedMedium';
    text-transform: none;
}

.lineBreak {
    letter-spacing: -2px;
    text-align: center;
    margin: 1em 0 2em;
    border-bottom: 1px solid #fff;
}

.footerContainer p {
    color: #fff;
}

.footerSocial, .footerNav, .copyrightContainer p {
    margin-left: 0;
    text-align: center;
    margin: 0 auto;
}

.footerSocial {
    margin: 1.5em 0;
}

    .footerSocial li, .footerNav {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        .footerSocial li, .footerNav li {
            display: block;
        }

        .footerSocial a, .footerNav a {
            color: #fff;
            font-size: 14px;
            line-height: 36px;
        }

            .footerNav a:hover {
                color: #b7a57a;
            }

        .footerNav li a:after {
            opacity: 0.5;
            padding: 0 0.8em 0 1em;
        }

            .footerNav li a:after:last-child {
                display: none;
            }

    .footerSocial li {
        display: inline-block;
        margin: 0 1.25em;
    }

        .footerSocial li:first-child {
            margin-left: 0;
        }

    .footerSocial a {
        background-image: url("/media/sprites/uw-sprite.svg");
        background-repeat: no-repeat;
        background-size: 850px 810px;
        top: 0;
        position: absolute;
        height: 26px;
        width: 26px;
    }

.no-webgl .footerSocial a {
    background-image: url("/media/sprites/uw-sprite.png");
    height: 28px;
}

.footerSocial a.facebook {
    background-position: 0px -253px;
}

.no-webgl .footerSocial a.facebook {
    background-position: 0 -228px;
}

.footerSocial a.facebook:hover {
    background-position: 0 -293px;
}

.no-webgl .footerSocial a.facebook:hover {
    background-position: 0 -273px;
}

.footerSocial a.twitter {
    background-position: -46px -253px;
}

.no-webgl .footerSocial a.twitter {
    background-position: -46px -228px;
}

.footerSocial a.twitter:hover {
    background-position: -46px -293px;
}

.no-webgl .footerSocial a.twitter:hover {
    background-position: -46px -273px;
}

.footerSocial a.pinterest {
    background-position: -91px -253px;
}

.no-webgl .footerSocial a.pinterest {
    background-position: -91px -228px;
}

.footerSocial a.pinterest:hover {
    background-position: -91px -293px;
}

.no-webgl .footerSocial a.pinterest:hover {
    background-position: -91px -273px;
}

.footerSocial a.linkedin {
    background-position: -182px -253px;
}

.no-webgl .footerSocial a.linkedin {
    background-position: -182px -228px;
}

.footerSocial a.linkedin:hover {
    background-position: -182px -293px;
}

.no-webgl .footerSocial a.linkedin:hover {
    background-position: -182px -273px;
}

.footerSocial a.youtube {
    background-position: -137px -253px;
}

    .footerSocial a.youtube:hover {
        background-position: -137px -293px;
    }


.no-webgl .footerSocial a.youtube {
    background-position: -137px -228px;
}

    .no-webgl .footerSocial a.youtube:hover {
        background-position: -137px -273px;
    }

.footerSocial a.instagram {
    background-position: -318px -253px;
}

    .footerSocial a.instagram:hover {
        background-position: -318px -293px;
    }

.no-webgl .footerSocial a.instagram {
    background-position: -318px -228px;
}

    .no-webgl .footerSocial a.instagram:hover {
        background-position: -318px -274px;
    }

.footerSocial a.googlePlus {
    background-position: -273px -253px;
}

    .footerSocial a.googlePlus:hover {
        background-position: -273px -293px;
    }

.copyrightContainer {
    color: #fff;
    padding: 1em;
}

    .copyrightContainer p {
        font-size: .75em;
        margin-top: 2em;
    }

@media only screen and (max-width: 40em) {
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */

@media only screen and (min-width: 40.063em) { /* GLOBAL */

    h1, h2, h3 {
        text-align: left;
    }
    /* HEADER */

    .tab-bar {
        height: 90px;
    }

    .logoW {
        display: inline-block;
        height: 93px;
        top: 10px;
    }

    .alignMiddle {
        vertical-align: middle;
        display: inline-block;
    }

    h1 {
        max-width: none;
    }

    .title {
        text-align: left;
    }

        .title img {
            position: absolute;
            float: left;
            display: block;
            top: 0;
            left: 8em;
        }

        .title img, .searchIcon, .right-small {
            top: 1.2em;
            max-width: 12em;
            display: inline-block;
            vertical-align: middle;
        }

        .title img {
            max-width: 22%;
            top: 1.2em;
        }

    .userNavContainer {
        right: 12em;
    }

    ul.userNavExpanded {
        line-height: 50px;
        position: fixed;
        margin-right: 1em;
    }

        ul.userNavExpanded li {
            float: none;
            text-align: right;
            line-height: 20px;
            top: -6px;
            position: relative;
            margin-right: .5em;
        }

            ul.userNavExpanded li a {
                border-bottom: 2px solid transparent;
                padding-right: .5em;
                color: #fff;
                line-height: 20px;
                text-align: right;
            }

            ul.userNavExpanded li .slash {
                background: url("/media/sprites/uw-sprite.svg") no-repeat scroll -696px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
                display: none;
                height: 1.3em;
                width: .7em;
                top: 4px;
                position: relative;
            }

    .no-webgl ul.userNavExpanded li .slash {
        background: url("/media/sprites/uw-sprite.png") no-repeat scroll -696px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
    }

    ul.userNavExpanded li a:hover {
        border-bottom: 2px solid #ceb888;
    }

    .searchForm {
        border: none;
        position: relative;
        display: block;
        float: left;
        right: 12em;
    }

        .searchForm input:first-child {
            border: none;
            position: relative;
            right: 4.5em;
            top: 0.4em;
        }

    .searchIcon {
        right: 11em;
        top: -0.15em;
        text-align: right;
        height: 3.1em;
        width: 3.1em;
    }

    .tab-bar .menu-icon, .right-small {
        width: 10.4rem;
    }

        .tab-bar .menu-icon span:after {
            display: none;
        }

    .menu-icon p {
        float: left;
        line-height: 2.7;
        text-indent: 22px;
        color: #404040;
    }

    .no-webgl .menu-icon p {
        text-indent: 25px;
    }

    .top-bar {
        border-bottom: none;
    }

    .tab-bar .menu-icon span.arrow {
        background: url("/media/sprites/uw-sprite.svg") repeat scroll -58px -490px / 863.5px 700.17px rgba(0, 0, 0, 0);
        display: inline-block;
        float: left;
        height: 21px;
        left: 2.4em;
        position: relative;
        top: 0.6em;
        width: 13px;
    }

    .no-webgl .tab-bar .menu-icon span.arrow {
        background: url("/media/sprites/uw-sprite.png") repeat scroll -58px -490px / 863.5px 700.17px rgba(0, 0, 0, 0);
    }

    .top-bar-section .dropdown {
        box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.5);
    }

    .top-bar-section li a {
        background-color: #fff;
    }

    .top-bar-section .has-dropdown > a:after {
        top: 1.5em;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #4b2e83;
        line-height: 45px;
        padding: 0 15px;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: none repeat scroll 0 0 #fff;
        color: #444;
    }

    .top-bar-section ul {
        border-top: none;
    }

    .top-bar-section .left li {
        border: none;
    }

    .top-bar-section ul li > a {
        color: #4b2e83;
        font-size: 18px;
        text-transform: uppercase;
    }

        .top-bar-section ul li > a:hover {
            color: #b7a57a;
            background-color: none;
        }

    .top-bar-section .dropdown a {
        text-transform: none;
    }

    .top-bar-section .dropdown > li {
        border-bottom: 1px solid #e7e7e7;
    }

    .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown .title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
        background: none repeat scroll 0 0 transparent !important;
    }
    /* HOME SLIDER */

    .sliderHeading {
        color: #fff;
        font-size: 2.5em;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    .sliderSection {
        display: block;
        padding: 2em 0 0;
        width: 100%;
    }

    .sliderContainer {
        display: block;
        margin-bottom: 3em;
    }

        .sliderContainer .homeSliderBtns a {
            background-color: #4b2e83;
            color: #fff;
            height: 6em;
            padding: 1em;
            margin-bottom: 0;
        }

    .videoContainer {
        background-color: #e8e3d3;
        overflow: hidden;
    }

    #mainlawhomepage .flex-video {
        top: 0; /*position: fixed;*/
        width: 100%;
    }

    .videoContainer .flex-video {
        padding: 0 0 56.3%;
    }

    .homeSliderBtns a {
        background-color: #4b2e83;
        color: #fff;
        height: 6em;
        margin-bottom: 0;
        padding: 1em;
        border: .25px solid #311767;
    }

        .homeSliderBtns a:hover, .homeSliderBtns a.active {
            background-color: #613BA9;
        }

    .homeSliderBtns .simpleButton span.pillarIcon {
        text-align: center;
        display: block;
        float: none;
        font-size: 26px;
        margin: 0 auto 10px auto;
        color: #fff;
        text-align: center;
        text-shadow: none;
    }
    /*SLICK SLIDER*/

    .slick-prev, .slick-next {
        top: 25px;
    }

    .slick-prev {
        left: 25px;
    }

    .slick-next {
        right: 25px;
    }
    /* LEFT SIDEBAR */

    .meta div {
        padding: 1em 0 1.04em;
    }
    /* BODY */

    .breadcrumbs {
        border-radius: 0;
        top: 0;
    }

    .homeBreadcrumbs {
        top: -7px;
    }

    .mainContent .category {
        text-align: left;
    }
    /* FACULTY SINGLE PAGE MEDIUM-UP */

    .profileImage {
        float: left;
        max-width: 8em;
        margin: 1em 1em 2em 1em;
    }

    .sidebar .faculty .profileImage {
        display: block;
        float: left;
        margin: 0 1.5em .5em 0;
    }

    .facultyList .faculty h3, .facultyList .faculty p {
        margin-bottom: .5em;
    }

    .facultyList .faculty .profileImage {
        float: none;
        margin: 0 auto 1em auto;
    }

    .faculty {
        border-bottom: none;
    }

    .bio {
        text-align: left;
    }

        .bio .profileImage {
            float: left;
        }

    .faculty .bio li div .facultyButton {
        width: 35%;
    }

        .faculty .bio li div .facultyButton:first-child {
            margin-right: 3em;
        }
    /* RIGHT SIDEBAR */ /* Landing Page Program - Publications */

    .sidebar .sidebarCallout img {
        max-width: 10em;
    }
    /*----WIDGETS----*/

    .twitter-widget p:last-child {
        margin-bottom: 0;
    }

    .twitter-widget li {
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
    }

    .tag-widget a {
        margin-bottom: 5px;
    }

        .tag-widget a:last-child {
            margin-bottom: 0;
        }

    .tag-widget.block a {
        background-color: #EFEFEF;
        display: block;
        padding: 1em;
    }

        .tag-widget.block a:hover {
            background-color: #E1E1E1;
        }
    /* FOOTER */

    .footerSocial li, .footerNav li {
        display: inline-block;
    }

        .footerNav li + li a:before {
            content: "/";
            display: inline-block;
            margin: 0 1em;
            color: #fff;
        }
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .button {
        padding: 1em 0.75em;
    }

        .button:before {
            right: -36px;
            width: 36px;
        }

        .button:after {
            right: -36px;
            width: 45px;
        }

    a.button:hover:after {
        top: 29px;
        height: 52px;
        background-position: -50px -529px;
        right: -36px;
        width: 36px;
    }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width:20em) and (max-width:64em) {
    .slick-prev, .slick-next {
        top: 25px;
    }

    .slick-prev {
        left: 25px;
    }

    .slick-next {
        right: 25px;
    }
}

@media only screen and (max-width:40em) {
    header, header.fixed {
        top: 0;
    }
}
/* Large screens */

@media only screen and (min-width: 64.063em) { /* HEADER */

    .title img {
        max-width: 12em;
        top: 1.3em;
    }

    ul.userNavExpanded {
        right: 25.5em;
    }

        ul.userNavExpanded li {
            float: left;
            margin-right: 1em;
            line-height: 60px;
        }

            ul.userNavExpanded li .slash {
                display: inline-block;
            }

    .searchIcon {
        right: 0;
    }
    /* BODY */


    .homeSliderBtns a {
        padding-top: 1.5em !important;
    }
    /* BLOG */

    .meta {
        padding-left: 0;
    }

        .meta * {
            float: none;
        }

        .meta .timeStamp {
            padding: 0 0 1em 0;
            margin-bottom: 0;
        }

        .meta div {
            width: 100%;
        }

        .meta .button {
            display: block;
            padding: 1em;
        }

            .meta .button img {
                margin-right: 0;
            }

        .meta .share img {
            margin-right: 0;
        }

    .facultyList .faculty {
        padding: 1em;
        text-align: center;
    }

        .facultyList .faculty h3, .facultyList .faculty p {
            text-align: center;
        }

        .facultyList .faculty .profileImage {
            margin-bottom: 0;
        }
    /* SLIDER */

    .sliderHeading {
        font-size: 4em;
        margin-bottom: .7em;
    }

    .sliderContainer .homeSliderBtns a {
        min-height: 7.9em;
    }
    /* FACULTY SINGLE PAGE */

    .faculty .bio li div .facultyButton:first-child {
        margin-right: 5em;
    }
}
/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */

@media only screen and (min-width: 90.063em) {
}
/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /*----EDITS----*/ /*----RESETS----*/

.alert-box p, .right-small p, .right-small input, .right-small ul, .right-small form {
    margin: 0;
}

.title :focus {
/*    outline: none; */
}

ul.userNavExpanded li a {
    padding-right: 0;
}
/*----HEADER FIX----*/

.menu-open {
    -webkit-transition: none;
    transition: none;
}

    .menu-open.search-open {
        padding: 0 !important;
    }

    .menu-open header {
        position: relative;
        z-index: 2;
    }

.tab-bar-section a {
    display: block;
    background-color: #4b2e83;
    z-index: 2;
    position: relative;
    padding-right: 15px;
}

.tab-bar-section, h1.title, .tab-bar-section a {
    max-width: none;
    max-height: none;
    height: 100%;
}

.alignMiddle {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.title img {
    top: auto;
    left: auto;
    float: none;
    position: relative;
}

@media only screen and (min-width: 40.063em) {
    .title img {
        max-width: 12em;
    }
}

@media only screen and (max-width: 40em) {
    .title img {
        top: -2px;
    }

    .tab-bar-section a {
        padding-right: 0;
    }
}

ul.userNavExpanded {
    line-height: normal;
    right: auto;
    position: relative;
    margin-right: 10px;
}

.right-small input, .searchForm input:first-child, .tab-bar .menu-icon, .searchIcon {
    top: auto;
    right: auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tab-bar .menu-icon {
    position: relative;
    top: auto;
}

.right-small p {
    margin-left: 5px;
}

.searchForm {
    right: auto;
}

ul.userNavExpanded li {
    top: auto;
    line-height: 12px;
}

    ul.userNavExpanded li + li::before {
        content: '';
        margin-right: 14px;
        background: url("/media/sprites/uw-sprite.svg") no-repeat scroll -696px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
        height: 1.3em;
        width: .7em;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

.no-webgl ul.userNavExpanded li + li::before {
    background: url("/media/sprites/uw-sprite.png") no-repeat scroll -696px 0 / 863.5px 700.17px rgba(0, 0, 0, 0);
}

ul.userNavExpanded li + li::before, ul.userNavExpanded a {
    vertical-align: middle;
}

/*
ul.userNavExpanded li:last-child {
margin-right: 0;
}
*/

/* Changes to accomodate an additional audience in top nav*/
@media only screen and (min-width: 64.063em) {
    ul.userNavExpanded li {
        margin-right: .5em;
    }
}

ul.userNavExpanded li + li::before {
    margin-right: 14px;
}

ul.userNavExpanded li {
    line-height: 12px;
}
/* end changes to accomodate additional audience in top nav */

.searchForm {
    margin-right: 20px;
}

.searchIcon {
    position: relative;
}

input.searchIcon {
    margin: 0;
}

@media only screen and (max-width: 76.5em) {
    .right-small .searchForm {
        display: none;
    }

    ul.userNavExpanded {
        margin-right: 0;
    }
}

@media only screen and (min-width: 76.5em) {
    a.searchIcon {
        display: none;
    }

    ul.userNavExpanded li:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 64.075em) {
    ul.userNavExpanded li + li::before {
        display: none;
    }
}

@media only screen and (max-width: 40em) {
    .menu-icon p, ul.userNavExpanded {
        display: none;
    }

    .searchIcon {
        height: 2.1em;
    }

    .searchIcon, .tab-bar .menu-icon {
        top: -1px;
        position: relative;
    }
}
/*----GENERAL FIX----*/

body {
    overflow-y: scroll;
}

.bio .profileImage {
    border-radius: 105px;
    padding: 0;
}

.right-small {
    position: absolute;
    right: 0;
    width: auto;
    height: 100%;
    top: 0;
    max-width: none;
    white-space: nowrap;
}

    .right-small::before {
        content: '';
        height: 100%;
        position: static;
    }

    .right-small::before, .right-small > * {
        display: inline-block;
        vertical-align: middle;
    }

.searchForm {
    float: none;
}

    .searchForm input:first-child {
        width: 10.4rem;
    }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    a.button:hover:after {
        top: 28px;
    }
}
/**----BREADCRUMB FIX----**/

.breadcrumbs li:before, .breadcrumbs a {
    vertical-align: middle;
}

.breadcrumbs li:before {
    top: auto;
}
/*----HOME VIDEO FIX----*/

.videoContainer > div {
    position: absolute;
}

.videoContainer img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
/*----BREADCRUMB FIX----*/

.breadcrumbs a { /*display: inline-block;*/
}
/*----QUICK LINKS FIX----*/

body {
    overflow-x: hidden;
}

.inner-wrap {
    background-color: #FFF;
}

.off-canvas-wrap {
    overflow: visible;
}

.move-left .inner-wrap {
    overflow: hidden;
    position: fixed;
    height: 100%;
}

.inner-wrap::after {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    display: block;
}

header.fixed { /*transition: transform 500ms ease, top .6s !important;    -webkit-transform: translateX(0);    transform: translateX(0);*/
    -webkit-transition: top .6s, -webkit-transform 500ms ease !important;
    transition: top .6s, -webkit-transform 500ms ease !important;
    transition: transform 500ms ease, top .6s !important;
    transition: transform 500ms ease, top .6s, -webkit-transform 500ms ease !important;
    -webkit-transition: transform 500ms ease, top .6s !important;
    -moz-transition: transform 500ms ease, top .6s !important;
    -ms-transition: transform 500ms ease, top .6s !important;
    -o-transition: transform 500ms ease, top .6s !important;
}

header.loading {
    -webkit-transition: none !important;
    transition: none !important;
}

.move-left, .animating {
    padding-top: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
}

    .move-left > .inner-wrap, .move-left header, .move-left header.fixed {
        transform: translateX(-15.625rem);
        -webkit-transform: translateX(-15.625rem);
        -moz-transform: translateX(-15.625rem);
        -o-transform: translateX(-15.625rem);
        -ms-transform: translateX(-15.625rem);
    }

    .move-left .inner-wrap:hover {
        cursor: pointer;
    }

    .move-left .inner-wrap::after {
        height: 100%;
        opacity: 1;
    }

.right-off-canvas-menu {
    bottom: auto;
}

.move-left .right-off-canvas-menu {
    -webkit-transition: -webkit-transform 500ms ease 0s, margin-top 500ms ease 0s; /*override for foundation.css*/
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.animating .inner-wrap::after {
    height: 100%;
}
/*----SEARCH BAR----*/

.searchIcon {
    border-width: 0;
}
/*header, header.fixed {            top: -89px;}.no-webgl header.fixed {    top: 0px;}*/

.search-open header, .search-open header.fixed {
    top: 0;
}

.search-bar {
    display: none;
    padding: 15px;
    z-index: 1;
    background: #4b2e83 !important;
    box-shadow: initial !important;
    -webkit-transition: all ease s;
    transition: all ease s;
}

@media screen and (max-width:76.5em) {
    .search-open .search-bar {
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        display: block;
        opacity: 1;
    }
}

@media only screen and (max-width: 64em) {
    .f-topbar-fixed.search-open header {
        top: 0;
    }
}

.search-bar form {
    border: 2px solid #ADADAD;
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    padding-right: 60px;
    position: relative;
}

.search-bar input:first-child {
    background-color: #F1F1F1;
    padding: 10px 15px;
    margin: 0;
    font-family: open_sansregular, sans-serif;
    font-size: 20px;
    line-height: 35px;
    height: 55px;
    box-shadow: none;
}

.search-bar .submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background-color: #ADADAD;
    border-width: 0;
    background-image: url('/media/icons/icon_searchWhite_noCircle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
/*----BLOG PAGE----*/

.blog .bio .button {
    margin-left: -55px;
}

#articulatesearch input.simpleButton {
    margin: 0;
    border-width: 0;
}

@media only screen and (max-width: 64em) and (min-width: 40.063em) {
    .blog .bio .button {
        margin-left: -45px;
    }
}

.blog .no-image .content {
    padding-top: 0;
}

.ng-hide {
    display: none;
}
/*----------------------------				 Tag cloud----------------------------*/

.tagcloud {
    margin-bottom: 0px !important;
    white-space: normal;
    clear: both;
}

    .tagcloud li {
        display: inline-block;
        border-bottom: none;
    }

        .tagcloud li a {
            margin-right: 3px;
            display: inline;
            padding: 3px 1px 3px 1px;
        }

            .tagcloud li a:hover {
                background: none;
            }

    .tagcloud .tag-cloud-5 a {
        font-size: 1.5em;
        font-weight: bold;
        color: #0085DD;
        color: rgba(0, 133, 221, 1);
    }

    .tagcloud .tag-cloud-4 a {
        font-size: 1.3em;
        font-weight: bold;
        color: #59BDFF;
        color: rgba(89, 189, 255, 1);
    }

    .tagcloud .tag-cloud-3 a {
        font-size: 1.1em;
        color: #59BDFF;
        color: rgba(89, 189, 255, 0.85);
    }

    .tagcloud .tag-cloud-2 a {
        font-size: .9em;
        color: #59BDFF;
        color: rgba(89, 189, 255, 0.8);
    }

    .tagcloud .tag-cloud-1 a {
        font-size: .75em;
        color: #59BDFF;
        color: rgba(89, 189, 255, 0.5);
    }
/*----FACULTY PAGE----*/

ul.pagination li a:focus {
    background-color: transparent;
}

ul.pagination li a.active {
    background-color: #4b2e83;
    color: #FFF;
}

.filter:hover {
    cursor: pointer;
}

ul.pagination li a.active :hover, ul.pagination li a.active:focus {
    background-color: #613BA9;
}

#faculty .faculty + .faculty:last-child {
    float: left;
}

#faculty .mix {
    display: none;
}

#Container {
    overflow: hidden;
}

#facultymember #panel5 p, #facultymember #panel5b p {
    margin: 5px 0;
}

    #facultymember #panel5 p.timeStamp, #facultymember #panel5b p.timeStamp {
        margin: 0;
        font-size: 10px;
    }

#facultymember #panel5 li + li, #facultymember #panel5b li + li {
    margin-top: 15px;
}
/*----BROWSER DOWNLOADS----*/

.browser-downloads a + a {
    margin-left: 10px;
    display: inline-block;
}
/*----BROWSER NOT SUPPORTED----*/

.browser-not-supported .alert, .browser-not-supported .search-bar, .browser-not-supported .top-bar, .browser-not-supported .right-small, .browser-not-supported .connect, .browser-not-supported .footerSocialContainer, .browser-not-supported .footerSocialContainer + .lineBreak {
    display: none;
}

.browser-not-supported header.fixed {
    top: 0;
}

.browser-not-supported .lineBreak {
    width: 61px;
    margin: 32px auto 0;
    padding: 0;
    float: none;
}

body.browser-not-supported {
    padding-top: 90px;
}

.browser-not-supported .tab-bar {
    height: 90px;
}

.browser-not-supported .main-section {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.browser-not-supported .browser-downloads {
    margin-top: 30px;
}

/* LEFT NAV CLARITY & CONSISTENCY */
.menuCurrent {
    color: #555555 !important;
    font-weight: bold;
}

    .menuCurrent + ul {
        border-left: 1px solid #ddd;
        padding-left: .65em;
        margin-bottom: 0;
    }

        .menuCurrent + ul li:last-of-type {
            border-bottom: none !important;
        }

li.menuSibling + .menuCurrent {
    border-bottom: 1px solid #ddd !important;
}

.leftNav ul li {
    padding-top: .375em;
    padding-bottom: .375em;
}

/* Home Page improvements for mobile */

/*
#Homepage {
padding-top: 1em;
}
*/
#homepage-heading h1 {
    font-family: encode_sans_normalblack, open_sansregular, sans-serif;
    font-size: 2.2em;
    margin-bottom: 0;
    max-width: 100%;
}

@media (max-width: 360px) {
    #homepage-heading h1 {
        font-size: 1.8em;
    }
}

#homepage-heading img {
    max-width: 200px;
    min-width: 160px;
    width: 50%;
}

.tweetContainer {
    background: #eee;
    padding: 1.5em 2em .5em;
    margin-bottom: 1em;
}

    .tweetContainer li {
        background: #fff;
        padding: 1em !important;
    }

.slick-list.draggable {
    /*background: #e8e3d3; */
    padding: 2em 0;
}

.eventContainer.row.slick-initialized.slick-slider {
    margin-top: 2.5em;
}

@media (max-width: 640px) {
    .show-for-small-only .listArticle img {
        float: unset;
        margin: 1em auto;
        width: 100%;
        display: block;
    }
}

/* Pull Quotes for News articles */
.pulled {
    display: block;
    border-left: .2em solid #ceb888;
    color: #4b2e83;
    float: right;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    font-size: 1.8em;
    line-height: 1.5em;
    margin: 0.5em 0 1em 1em;
    max-width: 100%;
    padding: 0 0 0 1em;
    width: 10em;
}

    .pulled a {
        font-family: inherit;
        font-size: inherit;
    }

    .pulled.left {
        border-left: 0;
        border-right: .2em solid #4b2e83;
        float: left;
        margin: 0.5em 1em 1em 0;
        padding: 0 1em 0 0;
    }

@media (max-width: 64em) {
    .pulled {
        width: 100%;
    }
}

/* 404 Page Styles */
#law-dawg-404 {
    background: url(/css/images/law-dawg-404.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 39.625%;
    width: 600px;
}

    #law-dawg-404:hover {
        background: url(/css/images/law-dawg-404-tongue.png) no-repeat center center;
        background-size: contain;
    }

    #law-dawg-404 span {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

#error-search input.searchIcon.submit {
    background-color: #b7a57a;
    margin: 0;
}

#error-search input {
    background-color: #fff;
    border: none;
    font-size: 1em;
}

#error-search form {
    border: .125em solid #b7a57a;
}

.tabs a,
.tabs h2 {
    text-decoration: none !important;
    border: none;
}

@media screen and (min-width: 800px) {
    .tabs {
        -js-display: flex;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tab-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        font-weight: bold;
    }

        .tab-title a {
            font-size: 1.2em !important;
        }
}

#publications p,
#presentations p {
    padding: 0 0 1em 1em;
    text-indent: -1em;
}

.directory-item {
    margin: 1em 0 .5em 0;
    max-width: 100%;
    padding: 1em;
    width: 232px;
}

    .directory-item img {
        border: 1px solid #d9d9d9;
        margin-bottom: 1em;
        max-width: 100%;
        width: 232px;
        display: block;
        max-width: 190px;
        max-height: 253px;
    }

    .directory-item li {
        color: #444;
        font-size: .9em;
        line-height: 1.2em;
        margin-bottom: .6em;
        margin-left: 1em;
        text-indent: -1em;
    }

    .directory-item a {
        text-decoration: none;
    }

        .directory-item a:hover {
            border-bottom: 1px solid;
        }

.person p {
    font-size: .9em;
    margin-bottom: .75em !important;
}

.person h2 {
    font-size: 1.25em;
    line-height: 1em !important;
    padding: .1em 0 .25em;
}

    .person h2 a {
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif !important;
        font-size: .85em;
        text-decoration: none;
    }

.person a.email {
    font-size: .8em;
}

.education p {
    white-space: pre-line;
}

.profile {
    margin-top: 1em;
}

.name-title h1 {
    font-family: encode_sans_normalblack, open_sansregular, sans-serif;
    font-size: 2.2em;
    margin-bottom: .5em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.name-title ul {
    margin-left: 0;
}

.name-title li {
    border-bottom: none;
    font-family: open_sansregular, sans-serif;
    font-size: 1.2em;
    line-height: 1;
    list-style-type: none;
    margin: .6em 0;
}

.name-title img {
    margin-bottom: .5em;
    max-width: 5%;
}

.general-info,
.faculty-info {
    padding-top: 2em;
}

.directory-collection {
    text-align: center;
}

.directory-item {
    min-width: 200px;
    width: 222px;
    text-align: left;
    vertical-align: top;
}

.media-item .media-guide {
    display: block;
}

.media-guide {
    display: none;
}

.profile-image {
    display: block;
    background: #d9d9d9;
    width: 100%;
    padding-bottom: 133.333%;
}

.profile-image {
    border: #d9d9d9 solid .1em;
}

    .profile-image:hover {
        opacity: .75;
    }

.dir-item {
    margin-bottom: 0;
}

    .dir-item .container {
        height: 100%;
    }

.expertise-list li {
    background: #eee;
    display: inline-block;
    margin: .1em;
    padding: .1em;
}

.profile-list {
    width: fit-content;
    margin-bottom: 0;
}

    .profile-list li {
        line-height: 1.2em;
        padding: .5em 0;
    }

        .profile-list li a {
            text-decoration: none;
        }

        .profile-list li p,
        #publications li p {
            margin-bottom: 0;
        }

            .profile-list li p + p {
                margin-top: 1.2em;
            }

/* Home page improvements */
.home-box {
    min-height: 360px;
    padding: 1em;
}

.home-box-content {
    background-position: center center;
    background-size: cover;
    height: 100%;
    padding: 2em;
    position: relative;
}

    .home-box-content h2 {
        font-size: 1.4em;
        position: absolute;
        top: 50%;
        left: 50%;
        line-height: 1.2em;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        letter-spacing: .1em;
        background: rgba(75,46,131,.65);
        border: .1em solid white !important;
        color: #ffffff !important;
        padding: .75em 1em;
        text-align: center;
        text-shadow: .075em .075em .1em #000000;
        -webkit-transition: ease background .2s;
        transition: ease background .2s;
    }

.home-box .content h3 {
    margin-bottom: .2em;
    padding-top: .5em;
}

.home-box-content h2:hover {
    background: rgba(133,117,77,.85);
    -webkit-transition: ease background .2s;
    transition: ease background .2s;
}

.featured, .splash-feature {
    margin-bottom: 1.4em !important;
    overflow: hidden;
}

.big-story,
.splash-feature {
    background-color: #4b2e83;
    min-height: 480px;
    position: relative;
    width: 100%;
}

    .big-story::after {
        left: 0;
        opacity: .2;
        bottom: -31px;
        position: absolute;
        bottom: 0;
        height: 3.2em;
        width: 100%;
        content: "";
        background-image: repeating-linear-gradient( 105deg, transparent 1rem, #dddddd 1.1rem, transparent 1.2rem, transparent 1.3rem);
        opacity: .3;
    }

@media (max-width: 640px) {
    .big-story .main-caption {
        left: 0 !important;
    }

    .big-story h2 {
        font-size: 2em !important;
    }
}

@media (max-width: 480px) {
    [data-align="left"] {
        background-position: left 25% center !important;
    }

    [data-align="right"] {
        background-position: left 75% center !important;
    }

    .big-story h2 {
        font-size: 1.8em !important;
    }
}

.big-story .row,
.splash-feature .row {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

    .big-story .row .columns,
    .splash-feature .row .columns {
        height: 100%;
    }

.big-story .main-caption {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    padding: 2em;
    color: #fff !important;
    z-index: 10;
}

.main-section .big-story a {
    text-decoration: none;
}

.big-story h2 {
    color: #ffffff;
    font-family: encode_sans_normalblack, open_sansregular, sans-serif;
    font-size: 2.8em;
    line-height: 1em;
    text-shadow: .025em .025em .25em #444;
    text-transform: uppercase;
}

#Homepage .big-story a.button {
    min-width: 8em;
    z-index: 2;
    float: none;
    margin: 2em 0 3em;
}

.main-excerpt {
    background: #eeeeee;
    border-bottom: .1em solid #d9d9d9;
    margin-bottom: 3em;
    padding: 1.2em 2em 0;
}

.main-caption * {
    line-height: 1.5em;
}

.main-excerpt a.button {
    margin-top: 1em;
}

.splash-feature {
    background-size: cover;
    min-height: 480px;
    position: relative;
}

    .splash-feature .main-caption {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 1em 4em;
        background: rgba(0,0,0,.5);
        color: #fff !important;
        max-width: 90%;
        width: 800px;
    }

    .splash-feature a {
        text-decoration: none !important;
    }

    .splash-feature h2,
    .splash-feature p {
        color: #fff;
        text-shadow: 0 0 .5em #444 !important;
    }

    .splash-feature p {
        font-size: 1.2em;
    }

    .splash-feature a h2 {
        border-bottom: .1em solid transparent !important;
        color: #fff;
        font-family: encode_sans_normalblack, open_sansregular, sans-serif;
        font-size: 3em;
        margin-bottom: .5em;
        padding: 1em 0 0 0 !important;
        text-align: left;
        text-transform: uppercase;
        background: url(/images/Bar_RtAngle_7502_RGB.png) bottom left -1em;
        background-repeat: no-repeat;
        background-size: 4.5em;
        padding-bottom: .3em !important;
    }

@media (max-width: 481px) {
    .splash-feature a h2 {
        font-size: 2em !important;
    }
}

.contentText .sidebarCallout ul {
    list-style-type: none;
    margin: 0 0 1.2em 0;
}

    .contentText .sidebarCallout ul:last-of-type {
        margin: 0;
    }

.sidebarCallout ul a {
    text-decoration: none;
}

span.first {
    color: #4b2e83;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
}

.contentText p:first-of-type {
    padding-top: .75em !important;
}

#Breadcrumbs {
    padding: 0;
}

@media only screen and (min-width: 40.063em) {
    .top-bar {
        overflow: visible;
    }
}

.tile {
    border: 0;
    box-shadow: .1em .1em .75em #d9d9d9;
    padding: 2em 2em 1em;
}

.collection-blurb {
    margin: 1em 0;
}

.tabs li.tab-title {
    width: 100%;
}

#expertiseDropdown {
    color: #c8c9c7;
    display: inline-block;
    margin-left: 1.6em;
    padding: 1rem 1rem 0;
}

.department:first-of-type {
    border-top: none !important;
}

.department:not(.child) {
    border-top: .2em solid #d9d9d9;
    margin: 1em auto;
    padding-top: 1em;
}

.child.department {
    border-left: .2em solid #d9d9d9;
    margin-left: 2em;
    padding: 1em 0 1em 2em;
}

.course {
    margin-left: 1em;
    text-indent: -1em;
}

.full-width {
    width: 100%;
}

/* Orbit slideshow in news items */
.show-nav .orbit-prev,
.show-nav .orbit-next {
    display: initial;
}

a.orbit-prev:hover,
a.orbit-next:hover {
    background: hsla(260,48%,35%,.85) !important;
}


a.orbit-prev span {
    border-right-color: #b7a57a !important;
}

a.orbit-next span {
    border-left-color: #b7a57a !important;
}

a.orbit-prev:hover span {
    border-right-color: #e8e3d3 !important;
}

a.orbit-next:hover span {
    border-left-color: #e8e3d3 !important;
}

.orbit-bullets li {
    background: #d9d9d9;
}

    .orbit-bullets li.active {
        background: #b7a57a;
    }

.news-gallery {
    background-color: #eee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2.25em solid #eee;
    height: 400px;
    width: 100%;
}

/* Directory styles */
.media-guide h3 {
    font-size: 1.2em;
}

.media-guide li a {
    font-size: 1rem;
    text-decoration: none;
}

.media-guide li {
    display: list-item !important;
    line-height: 1.5;
    list-style-type: disc !important;
    padding: 0 !important;
}

/* Alphabetical nav menu styles */
.listNav,
.ln-letters {
    overflow: hidden;
}

.listNavHide {
    display: none;
}

.listNavShow {
    display: list-item;
}

.letterCountShow {
    display: block;
}

.ln-letters a {
    font-size: 0.9em;
    display: block;
    float: left;
    padding: .5em 1em !important;
    border: 1px solid silver;
    border-right: none;
    text-decoration: none;
}

.ln-letters .ln-last {
    border-right: 1px solid silver;
}

.ln-letters a:hover,
.ln-letters .ln-selected {
    background-color: #4b2e83;
    color: white !important;
    padding-bottom: .15em !important;
}

.ln-letters .ln-disabled {
    color: #ccc;
}

.ln-letter-count {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.35;
    color: #336699;
}

.ln-letters > * {
    border: 0 !important;
    padding: 0 1em !important;
}

a.ln-disabled {
    display: none;
}

/* Recent Scholarship */
.scholarship {
    margin-bottom: 4em;
}

    .scholarship h2 {
        margin-top: 1em;
    }

    .scholarship ul {
        -moz-columns: 2 280px;
        -webkit-columns: 2 280px;
        columns: 2 280px;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
        column-gap: 2em;
    }

        .scholarship ul li {
            padding-left: 1em;
            text-indent: -1em;
        }

/* Showcase styles */

#showcasecollection h2 {
    border-bottom: none;
    margin-bottom: 1em;
}

#showcasecollection .mainContent {
    padding-bottom: 0;
}

#showcasecollection .tile .container {
    position: relative;
}

#showcasecollection .tile:hover * {
    color: #85754d !important;
}

#showcasecollection .tile .content {
    padding: 10px 0 0;
    position: relative;
    bottom: 0;
    background: white;
}

#showcasecollection .tile h2 {
    margin-bottom: 0;
}

#showcasecollection .tile {
    padding: 1em;
}

#showcasecollection a {
    text-decoration: none;
}

.sidebarCallout ul + h2 {
    margin-top: 2em;
}

/* Utility class to remove borders wherever needed */

.no-border {
    border: none !important;
}

/* New HR styles with slanted lines branding */

hr {
    background-color: transparent !important;
    background-image: url(/media/140450/slanted-lines.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 2em !important;
    margin: 2em auto;
    max-width: 100%;
    width: 550px;
}

@media (max-width: 40em) {
    hr {
        background-image: url(/media/140449/slanted-lines-sidebar.jpg);
        width: 318px;
    }
}

.sidebar hr {
    background-image: url(/media/140449/slanted-lines-sidebar.jpg);
    width: 318px;
}

/* Improve iframe embedding, e.g., YouTube videos */
.iframe-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

/* 16x9 Aspect Ratio */
.iframe-container-16x9 {
    padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
iframe {
    background: #000; /* So you see something before videos load */
}

.iframe-container-4x3 {
    padding-bottom: 75%;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Skybrud Social styles */
.tweet-card {
    background: #fafafa;
    border: .1em solid #eeeeee;
    border-radius: 6px;
    font-weight: normal;
    margin-bottom: 1.5em;
    padding: .5em 1em 1em;
}

    .tweet-card:hover {
        background: #ffffff;
        box-shadow: 0.1em 0.1em 0.25em #eee;
    }

.tweet-meta {
    float: right;
    font-size: .85em;
    text-align: right;
}

.social-heading {
    font-size: 1.2em;
    margin: 1em 0 .5em;
    text-transform: uppercase;
}

    .social-heading a {
        border-bottom: .1em solid #b7a57a;
    }

/* Mimic Instagram's metadata on hover effect */
.insta-card {
    background-size: cover;
    margin-bottom: 1.8em;
    padding: 50%;
    position: relative;
    width: 100%;
}

    .insta-card .insta-overlay { /* Hide initially */
        display: none;
    }

    .insta-card:hover .insta-overlay { /* Show on hover */
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.35);
    }

.insta-meta { /* Style the like and comment counts*/
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

    .insta-meta span + span {
        margin-left: .5em;
    }

:not(#hero-carousel) div.slideshow-control-next {
    display: none;
}

#hero-carousel div.slideshow-control-next {
    display: block;
}

.slideshow-control-next {
    height: 7em;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.big-story {
    position: relative;
}

#Homepage .big-story a.button {
    color: #444;
    min-width: unset;
}

button.next-headline {
    background: transparent;
    border: .25em solid #e8e3d3;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    max-width: 22em;
    border: none;
    text-align: left;
    padding: 0;
    letter-spacing: .03em;
    line-height: 1.3;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    text-shadow: .1em .1em .1em rgba(0, 0, 0, 0.6);
    outline: none;
    width: 360px;
    z-index: 99;
}

.active .slideshow-control-next:after {
    background: url(../images/uw-sprite-2.svg) no-repeat -630px 0;
    content: "";
    position: absolute;
    bottom: 0;
    width: 38px;
    height: 112px;
    margin-right: 330px;
    right: 15%;
}

.next-headline span {
    color: #b7a57a;
    font-style: italic;
}

@media (max-width: 1030px) {
    .big-story .main-caption {
        top: 0;
        padding: 1em;
    }
}

@media (min-width: 666px) and (max-width: 1030px) {
    .big-story .excerpt {
        width: 13em;
    }
}

/* Home page hero styles */

.hero.sliderContainer {
    visibility: hidden;
}

h2 {
    border-bottom: unset;
}

.hero-overlay {
    width: inherit;
    bottom: 0;
    top: 0;
    position: absolute;
}

/* Clinics styles */
h2 {
    border-bottom: none;
}

.sidebar-widget-container {
    float: right;
    margin: 0 0 1em 1em;
}

    .sidebar-widget-container h2 {
        padding-left: .5em;
    }

    .sidebar-widget-container a {
        font-weight: bold;
        text-decoration: none;
    }

.sidebar-widget + h2 {
    margin-top: 1em;
}

.sidebar-widget {
    background: #eeeeee;
    padding: 0 1em 1em;
    border-radius: .35em;
}

    .sidebar-widget p:first-of-type {
        padding-top: 1.2em !important;
    }

    .sidebar-widget p:last-child {
        margin-bottom: 0;
    }

.contact-widget p {
    font-size: .85em;
}

.program-quote {
    border-left: none;
    padding-top: 0;
    padding-left: 0;
}

    .program-quote p {
        border-left: .4em solid #b7a57a;
        color: #4b2e83;
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
        font-size: 1.5em;
        margin: 0;
        padding-left: 1em;
        padding-bottom: .75em;
    }

    .program-quote cite {
        font-size: 1em;
        text-align: right;
    }

.featured-image {
    background-size: cover;
    background-position: center;
    margin-bottom: 2em;
    padding-bottom: 37.5%;
    position: relative;
    width: 100%;
}

    .featured-image:after {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))) 0px 0px no-repeat, url(/images/stripes-dark-tile.svg);
        content: "";
        height: 3em;
        opacity: 0.3;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }

.zero-auto > ul {
    margin-bottom: 0 !important;
}


/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 10px;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/**
    * SHAME CSS
    *
    * This is a place for CSS that hasn't been resolved effectively 
    * with the existing code base. In time we should pull all hacks 
    * and quick fixes into this file with any future such code, to 
    * keep it together and have a prominent reminded of what needs 
    * to be fixed and why.
 */

/* Custom resets */

html {
    box-sizing: border-box;
}

#upcoming-events * {
    max-width: 100%;
}

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

    *:before, *:after {
        position: inherit;
    }

/*
    * Utility classes to quickly use colors and background colors
    * from the new color palette without writing new CSS. We can
    * add classes, for example, right from the back office in the
    * grid on the new landing page document type.
*/

.white-txt {
    color: #ffffff !important;
}

.white-bg {
    background-color: #ffffff !important;
}

.cloud-txt {
    color: #ededea !important;
}

.cloud-bg {
    background-color: #ededea !important;
}

.lt-gray-txt {
    color: #c8c9c7 !important;
}

.lt-gray-bg {
    background-color: #c8c9c7 !important;
}

.gray-txt {
    color: #97999b !important;
}

.gray-bg {
    background-color: #97999b !important;
}

.dk-gray-txt {
    color: #53565a !important;
}

.dk-gray-bg {
    background-color: #53565a !important;
}

.jet-txt {
    color: #212224 !important;
}

.jet-bg {
    background-color: #212224 !important;
}

.black-txt {
    color: #000000 !important;
}

.black-bg {
    background-color: #000000 !important;
}

.purple-txt {
    color: #4b2e83 !important;
}

.purple-bg {
    background-color: #4b2e83 !important;
}

.dk-purple-txt {
    color: #2e1a47 !important;
}

.dk-purple-bg {
    background-color: #2e1a47 !important;
}

.lt-gold-txt {
    color: #e7dcc5 !important;
}

.lt-gold-bg {
    background-color: #e7dcc5 !important;
}

.gold-txt {
    color: #ceb888 !important;
}

.gold-bg {
    background-color: #ceb888 !important;
}

.metallic-gold-txt {
    color: #917b4c !important;
}

.metallic-gold-bg {
    background-color: #917b4c !important;
}

.angled-bg {
    background-image: repeating-linear-gradient( 105deg, transparent 1rem, hsla(0,0%,0%,.1) 1.1rem, transparent 1.2rem, transparent 1.3rem);
}

/* Force white text when the background changes to a dark color */
.black-bg, .jet-bg, .dk-gray-bg, .purple-bg, .dk-purple-bg,
.black-bg *, .jet-bg *, .dk-gray-bg *, .purple-bg *, .dk-purple-bg * {
    color: white;
}
/* Go dark when the background is particularly light */
.gray-bg, .lt-gray-bg {
    color: black;
}

/**
    * Inline Photos
    *
    * We've never had a standard way to handle inline images added
    * within the RTE. These styles allow us to wrap images in a div 
    * so they're centered on narrow viewports but float right and 
    * don't obstruct the text.
    *
    * This includes a possible figcaption option, probably best added
    * manually in code view in a span.
*/

@media (max-width: 800px) {
    .inline-photo {
        display: block !important;
        float: none !important;
        margin: 0 auto;
    }
}

.inline-photo {
    box-shadow: none;
    border-width: 1rem;
    float: right;
    margin: 0 auto;
    padding: 1rem;
	width: 18rem;
}

    .inline-photo img,
    .inline-photo .figcaption {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: 18rem;
    }

    .inline-photo .figcaption {
        background-color: #ededea;
        color: black;
        font-size: .85em;
        font-style: italic;
        line-height: 1.2;
        padding: 1rem .5rem .5rem;
        text-align: right;
    }

/**
    * Detailed explanation forthcoming. These are transitional hacks to get the new
    * landing page in a usable condition yesterday.
*/

.sub-nav {
    margin: 0 0 .35rem;
    padding: .2rem .2rem 0;
}

    .sub-nav li {
        margin: 0;
    }

        .sub-nav li a {
            padding: 0;
        }

        .sub-nav li + li {
            margin-left: 1.5em !important;
            padding: 0;
        }

.internal-nav {
    background: #ededea;
    border-radius: 0 0 15px 15px;
    margin-bottom: 1rem;
    padding-top: .5rem;
    padding-bottom: .125rem;
}

    .internal-nav a {
        border-bottom: .1em solid transparent;
        color: #4b2e83 !important;
        font-size: 1rem;
        font-weight: bold;
    }

        .internal-nav a:hover {
            border-bottom: .1em solid #4b2e83;
        }

.band .page-heading {
    bottom: 1rem;
    position: absolute;
}

    .band .page-heading h1 {
        color: white;
        text-shadow: 0 0 0.35em rgba(30, 18, 52, 0.75), 0.035em 0.035em 0 rgba(30, 18, 52, 0.75);
    }

.band {
    position: relative !important;
}

.padded {
    margin-bottom: 1.8em;
    padding: 2.4em 0 .6em;
}

/*
    * The block-grid in Foundation 5 is kind of funk, and these styles
    * make it do what we want it to with cards and whatnot
*/

[class*='-block-grid-'] li {
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
    color: #3d3d3d;
    font-size: 1.2em;
    padding: .5rem;
    position: relative;
    text-align: center;
    -js-display: flex;
    display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    [class*='-block-grid-'] li .stat-card {
        background-color: #ededea;
        height: 100%;
        padding: 1em;
        width: 100%;
        -js-display: flex;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        [class*='-block-grid-'] li .stat-card .stat {
            color: #4b2e83;
            font-family: encode_sans_normalblack, open_sansregular, sans-serif;
            font-size: 3rem;
            font-weight: bold;
            line-height: 1;
        }

[class*='-block-grid-'] li a {
	height: 100%;
}

.stat-card {
    border-radius: .5rem;
    color: #212224;
}

/* Alternate the styles for stat cards */
li:nth-child(even) .stat-card {
    background: #212224;
    color: #ffffff;
}

    li:nth-child(even) .stat-card .stat {
        color: #ceb888;
    }

/* Custom styles sandboxed to the grid on the general landing page */
.custom-umb-grid .row {
    margin: 0 auto 1.6em;
    max-width: 100%;
    width: 72.5rem;
}

.image-left .text-block, .image-right .text-block {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.image-left .text-block {
    left: 50%;
    padding-right: 2em;
}

.image-right .text-block {
    padding-left: 0 !important;
    padding-right: 2em;
}

.image-left .text-block {
    padding-left: 2.5em;
    padding-right: .5em;
}

.image-right .text-block {
    padding-right: 2.5em;
    padding-left: .5em;
}

.text-block {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.image-left {
    background: inherit;
}

.text-block {
    padding-left: .5em !important;
}

.image-left {
    /* padding: 0 1rem !important; */
}

@media (min-width: 40.063em) {
    .image-left .text-block {
        padding-left: 2em !important;
    }
	.image-left, .image-right {
    	padding: 0 !important;
	}
}

.img-wrap {
    overflow: hidden;
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    position: absolute;
}

.img-wrap-cover .img-wrap img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
	height: 100%;
}

.image-right .img-wrap {
    right: 0;
}

.image-right .medium-4.columns .img-wrap {
    right: -10% !important;
    width: 44%;
}

.image-left .img-wrap {
    left: 0;
}

.image-left .medium-4.columns .img-wrap {
    left: -10% !important;
    width: 44%;
}

.text-block {
    background-color: inherit;
    z-index: 2 !important;
}

.img-wrap {
    z-index: 1 !important;
}

    .img-wrap a {
        -js-display: flex;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block;
        overflow: hidden;
    }

        .img-wrap a img {
            -webkit-transform: scale(1.01);
            transform: scale(1.01);
            /* Fixes a 1px offset on resize */
        }

.image-left,
.image-right {
    /* padding: 0 1em; */
}


figure.quote blockquote {
    color: #4b2e83;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    font-size: 1.8em;
    line-height: 1.5;
    padding: .75rem 1rem;
}

figure.quote {
    margin: 0;
}

    figure.quote blockquote {
        border-left: .125em solid #ceb888;
    }

    figure.quote figcaption {
        margin-left: 1.5em;
    }

/* Custom grid in small viewports*/
@media screen and (max-width: 39.9375em) {
    .image-right p,
    .image-left p,
    .image-right > img,
    .image-left > img,
    .img-wrap {
        display: block;
        position: static !important;
        width: 100% !important;
    }

    .band .row.image-right,
    .band .row.image-left {
        padding: 0 !important;
    }

        .band .row.image-right .text-block,
        .band .row.image-left .text-block {
            padding: 2rem !important;
        }

    .image-left .text-block {
        left: 0;
    }

    .img-wrap {
        height: auto !important;
    }
}

/* Smaller blockquote text on medium viewports to avoid tall blocks*/
@media screen and (min-width: 39.9376em) and (max-width: 64.062em) {
    figure.quote blockquote {
        font-size: 1.4em !important;
    }
}

/* Stop iframes like YouTube embeds from breaking layout */
iframe {
    max-width: 100%;
}

/**
    * Transitional style for link boxes in the grid layout. 
    * Remove text underline from links and style according to new
    * design, with angled heading and hover effects.
*/
a.link-box,
a.link-card {
    height: 100%;
    width: 100%;
    text-decoration: none !important;
}

.card-section {
    padding: 1rem;
    position: relative;
}

    .card-section.unpadded {
        padding: 0;
    }

    .card-section :last-child {
        margin-bottom: 0;
    }

a.link-box,
a.link-card {
    display: block;
}

a.link-card {
    padding: .5rem 0;
    position: relative;
}

.card-title.overlay-heading {
    display: inline-block;
    margin-top: 0;
    position: relative;
    -webkit-transition: all .2s ease !important;
    transition: all .2s ease !important;
}

.card-title {
    font-size: 1.1em;
    margin: 0;
}

/*.custom-umb-grid .link-box:hover .card-title.overlay-heading,
.custom-umb-grid .link-box:focus-within .card-title.overlay-heading {
    background-color: #4b2e83 !important;
    color: white !important;
}*/

.link-box:hover .card-title.overlay-heading h2 {
    color: inherit !important;
}

a img {
    -webkit-transition: -webkit-filter .1s ease;
    transition: -webkit-filter .1s ease;
    transition: filter .1s ease;
    transition: filter .1s ease, -webkit-filter .1s ease;
}

a:hover img {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}

a.link-box * {
    border: none !important;
    text-decoration: none !important;
}

.link-box.card,
.card-section.unpadded {
    background-color: white;
}

.overlay-heading:after {
    max-height: 100%;
}

.overlay-heading {
    display: block;
    padding: .25rem 1rem;
    margin-top: 0;
    left: 0;
    position: absolute !important;
}

    .overlay-heading:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: '';
        background: inherit;
        height: 100%;
        position: absolute;
        right: -.55em;
        top: 0;
        -webkit-transform: skew(-15deg);
        transform: skew(-15deg);
        width: 1.1em;
    }

/* 
    * Tweak to fix the angled heading in Firefox, where there
    * was a slight gap and fuzzy edge at the bottom.
*/
.link-box .card-section.unpadded {
    overflow: hidden;
}

.link-box .overlay-heading:after {
    -webkit-transform: skew(-15deg) scale(1.05);
    transform: skew(-15deg) scale(1.05);
}
/*END tweak*/

a.link-card .overlay-heading,
a.link-box .overlay-heading {
    background-color: #ededea !important;
    color: #4b2e83;
}

a.link-card:hover .overlay-heading,
a.link-box:hover .overlay-heading {
    background-color: #4b2e83 !important;
    color: #ffffff;
}

/* Make Link Cards more obvious on hover by changing background on blurb */
a.link-card:hover .card-section.white-bg {
    background: #ededea !important;
}

.card .img h2 {
    font-size: 1.4em;
    margin-bottom: 0;
}

.card .card-section {
    display: block;
    position: relative;
}

.card-title.overlay-heading.under {
    position: relative !important;
}

.link-box {
    text-align: left !important;
}

img + .stripes {
    background-image: url(/images/stripes-darkest-tile.svg);
    display: block;
    height: 5.9em;
    opacity: .5;
    position: absolute;
    bottom: -3.15em;
    width: 100%;
}

.card .overlay-heading {
    font-size: 1.5rem;
    line-height: 1.5em;
    position: absolute;
    bottom: 0;
}

.link-box .overlay-heading {
    font-size: 1.25rem;
}

/* BUGFIX: Prevent Flexbox from arbitrarily stretching images in IE */
img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* Custom image for special list styles */
.arrow {
    margin-left: 2em;
}

    .arrow li {
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
        list-style-type: none;
        margin-bottom: 1em;
    }

        .arrow li:before {
            background-image: url(/images/arrowhead.svg);
            background-repeat: no-repeat;
            content: '\2022'; /* bullet fallback */
            display: block;
            position: absolute;
            left: 1.8rem;
            height: 1.1em;
            margin-top: .2rem;
            position: absolute;
            text-indent: -999999px;
            width: 1em;
        }

/* Center the horizontal nav on landing pages */
.sub-nav.horizontal-nav {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: .5em 0;
    text-align: center;
}

    .sub-nav.horizontal-nav a {
        border-bottom: .15em solid #ccc;
        line-height: 2;
        margin: 0;
        padding: .25em .5em 0 !important;
    }

        .sub-nav.horizontal-nav a:hover {
            border-bottom-color: #ceb888;
        }

/**
    * Hack to avoid content the left navigation overflowing behind main content.
    * In the future, we need to rethink the "holy grail" layout and switch to
    * using a variation on the horizontal nav instead.
*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .leftNav * {
        font-size: .85rem !important;
    }
}

/**
 * Collpase the bottom margin of the first row within the grid to allow
 * heading rows above grid items, for example. Add the class to the row
 * in the back office to take effect.
 */
.collapsed > .row:first-child {
    margin-bottom: 0;
}

/**
 * Widgetize the left nav so people know to use it! This improves the spacing
 * and also uses the same background used in the horizontal nav used on the new
 * landing pages, which will tie the whole thing together like Lebowski's rug.
 */
.leftNav {
    padding-left: 0;
}

    .leftNav #Subnav {
        background: #ededea;
        border-radius: 5px;
        padding: .5rem;
    }

/* MODIFY SIDEBARCALLOUT STYLES */
/* Improve spacing and match bg color */
.sidebarCallout {
    padding: 1em;
    margin-bottom: 2em;
    background-color: #ededea;
    clear: both;
    border-radius: 5px;
}

    .sidebarCallout ul + h2 {
        margin-top: 1em;
    }

/**
 * Fix the search bar within the 404 page. It was inadvertently hidden when we fixed
 * the top search bar in IE. Oops. This also resets the background color.
 */
.main-section .search-bar {
    display: block;
    background: unset !important;
}

/* Resets to make Foundation tabs work within body content, added through the RTE */
.rte-tabs {
    float: none;
    max-width: 100% !important;
    width: auto !important;
}

/* Style the new Donate button to replace Quick Links */
a.give-button {
    background: #ceb888;
    padding: 0 1.35rem 0 .5rem;
    margin: 0 0 0 1em;
    position: relative;
    bottom: 0;
    top: 0;
    height: 3em;
    vertical-align: middle;
}

    a.give-button:hover {
        background: white;
    }

    a.give-button p,
    a.give-button span {
        color: #212224;
        font-family: open_sansregular, sans-serif;
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: .1rem;
        line-height: 3;
        text-transform: uppercase;
		margin-left: 5px;
		display: block;
    }

    a.give-button:before {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: '';
        background: inherit;
        height: 100%;
        position: absolute;
        left: -.55em;
        top: 0;
        -webkit-transform: skew(-15deg);
        transform: skew(-15deg);
        width: 1.1em;
    }

a.searchIcon {
    margin-right: .5rem;
}

/* Contact Us styles */

.contact-group {
    background: #fff;
    padding: 1em;
}

    .contact-group h2 {
        background-color: #4b2e83;
        color: white;
        font-size: 1.4em;
        padding: 0 .3em;
        position: relative;
        text-transform: uppercase;
    }

        .contact-group h2:after {
            border-left: .5em solid transparent;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            width: 0;
        }

    .contact-group h3 {
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
        font-size: 1.2em;
        padding-left: .5em;
    }

    .contact-group p,
    .contact-group section {
        padding-left: .6em;
        font-size: .9rem;
    }

    .contact-group div[itemprop="address"] {
        display: inline !important;
        margin-left: 1em;
    }

.contact-groups .panel {
    border: none;
    transition: background-color .15s ease-in-out;
}

    .contact-groups .panel:hover {
        background-color: #e8e3d3;
    }

h2.slant {
    display: inline-block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5em;
    padding: .25em .75em;
    z-index: 1;
}

    h2.slant:before {
        background-color: #4b2e83 !important;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        right: -10px;
        top: 0;
        transform: skew(-15deg);
        width: 20%;
        z-index: -1;
    }

.svg-icon {
    display: inline-block;
    width: 1.2em !important;
    height: 1.2em !important;
    margin-right: .25em;
    vertical-align: middle;
    stroke-width: 0;
    stroke: #b7a57a;
    fill: #4b2e83;
}

.row.dean {
    margin-bottom: 2rem !important;
}

/* Tighten up the top nav */
.top-bar-section ul li > a {
    font-size: 1rem;
}

.top-bar-section .has-dropdown > a:after {
    top: 50%;
    transform: translateY(-25%);
}

.top-bar-section .left li, .top-bar-section .dropdown li {
    padding: 0;
}

/* Better text contrast on the Hero overlay, matching the new landing pages */
.hero-overlay h2,
.slideshow-control-next * {
    text-shadow: 0 0 0.35em rgba(30,18,52,.75), 0.035em 0.035em 0 rgba(30,18,52,.75) !important;
}

/* iframes display inline by default, which cann cause extra whitespace. They should 
    always be block in the sidebar, at least. */
.sidebar iframe {
    display: block;
}

/**
    * Some current styles were inherited from the old LawSchool.css file, as distinct from
    * law-main-style.css. Below are styles rescued and adapted from same.
*/

/**
    * Hide some elements. `.visually-hidden` replaces `.hideAccessible` as a contrast 
    * to `aria-hidden='true'`
*/
.visually-hidden {
    position: absolute; /* Don't reserve space in document flow */
    transform: scale(0); /* Don't use space either */
}

.leftNav a {
    text-decoration: none;
}

.leftNav li {
    line-height: 1.5;
}

.leftNav ul, .leftNav li {
    margin: 0;
    padding: 0;
}


/* Make visited footer links readable */
.footerContainer a:visited {
    color: inherit;
}

    .footerContainer a:visited:hover {
        color: #b7a57a;
    }

/* Fix spacing between lists and following paragraphs */
ul + p,
ol + p,
dl + p {
    margin-top: 1.25rem;
}

.orbit-slide-number {
    display: none;
}

/* inline graphical link types */
/*
.pdf {background: url('/Images/pdficon_small.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.word {background: url('/Images/wordicon.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.ppt {background: url('/Images/ppticon.jpg') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.xls {background: url('/Images/xls_icon.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.rss {background: url('/Images/feed-icon.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.quicktime {background: url('/Images/quicktimeIcon.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
.offsite {background: url('/Images/icon-offsite.gif') no-repeat top left; padding-left: 20px; padding-bottom: 5px;}
*/
.pdf::before {
  content: url('/Images/pdficon_small.gif');
  padding-right: .15em;
}
.word::before {
  content: url('/Images/wordicon.gif');
  padding-right: .15em;
}
.ppt::before {
  content: url('/Images/ppticon.jpg');
  padding-right: .15em;
}
.xls::before {
  content: url('/Images/xls_icon.gif');
  padding-right: .15em;
}
.rss::before {
  content: url('/Images/feed-icon.gif');
  padding-right: .15em;
}
.quicktime::before {
  content: url('/Images/quicktimeIcon.gif');
  padding-right: .15em;
}
.offsite::before {
  content: url('/Images/icon-offsite.gif');
  padding-right: .15em;
}

.iframe-container {
    outline: 1px solid #808080;
}

/* Home page news stories headline styles */
.main-section h3 {
    line-height: 1.2;
}

/* Remove underline from social headings on the home page */
.social-heading a {
    text-decoration: none;
}

hr {
    border: none;
}

/* Table styles */
th {
    border: 1px solid white;
    background-color: #4b2e83;
    color: white !important;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    letter-spacing: .1em;
    vertical-align: middle;
}

th[scope="row"] {
    text-align: right;
}

th[scope="col"] {
    text-align: center;;
}

td {
    border: 1px solid #ededea;
}

/*ol li {
    list-style-type: decimal;
}*/

/* A very on-brand Foundation callout panel */
.panel.callout {
    background: #4b2e83;
    border-color: #ededea;
    color: #ededea;
    font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
}

/* Department Page people cards */

.dept-card {
    clear: both;
}

    .dept-card * {
        max-width: 100%;
    }

    .dept-card a {
        text-decoration: none;
    }

        .dept-card a h3 {
            border-bottom: .08em solid #ededea;
            font-family: encode_sans_compressedMedium, open_sansregular, sans-serif !important;
            margin-bottom: 0;
            text-align: inherit;
            text-decoration: none;
        }

        .dept-card a:hover h3 {
            border-bottom: .08em solid #ceb888;
        }

        .dept-card a img {
			display: block;
            /*width: 150px;*/
			max-height: 200px;
        }

.sub-dept {
    margin: 2em;
}

/* Better, simpler buttons */
input.button,
a.button,
a.button:hover,
a.button:focus,
a.button:active {
    background-color: #4b2e83 !important;
    border: 1px solid #ededea !important;
    color: #ededea !important;
    display: inline-block;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
}

    input.button:hover,
    input.button:focus,
    a.button:hover,
    a.button:focus {
        box-shadow: inset 9999px 9999px rgba(0,0,0,0.25)
    }

    input.button:active,
    a.button:active {
        box-shadow: inset 9999px 9999px rgba(0,0,0,0.5)
    }

a.smaller.button {
    font-size: .9rem;
    padding: .35rem .65rem .45rem;
}

/* Fix specific lists, formerly controlled by CSS Reset */

[class*="sidebar"] li,
[class*="nav"] li,
[class*="Nav"] li {
    list-style-type: none;
}

[class*="sidebar"] ul {
    margin-left: 0;
}

/**
  * Override flex centering on three-column blocks in the grid and
  * improve styles for news, media, and calendar macros in the grid
 */

.align-top [class*='-block-grid-'] li {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.align-top h3 {
    font-size: 1.3rem;
}

.align-top .blogFeed {
    margin-left: 0;
}

    .align-top .blogFeed li {
        padding: 0;
    }

.align-top .listArticle,
.align-top .externalStory {
    border-radius: .5em;
}

[id*="trumba.spud"] {
    border-radius: .5em;
}

.zero-auto .row:first-child {
    margin-bottom: .125em;
}

/* Stop text from overflowing children in IE */
[class*='block-grid-'] * {
    max-width: 100%;
}

/* Faculty Publications page*/

.pubs {
    list-style-type: none;
    margin: 0 1em;
}

    .pubs li + li {
        border-top: 1px solid #ededea;
    }

    .pubs p {
        margin-bottom: .75em;
        padding: .5em;
    }

    .pubs p,
    .pubs a {
        font-family: open_sansregular, sans-serif;
    }

    .pubs a {
        border-bottom: .1em solid #ceb888;
        font-weight: bold;
        text-decoration: none;
    }

/* New look homepage hero styles*/
.big-story img {
    height: auto;
    width: auto;
}

.big-story picture {
    overflow: hidden;
}

.big-story {
    display: block;
    position: relative;
}

    .big-story picture,
    .big-story img {
        display: block;
        height: 480px;
    }

    .big-story picture {
        height: 100%;
    }

    .big-story picture,
    .featured picture:before,
    .featured img {
        width: 100%;
    }

    .big-story img {
        display: block;
        object-fit: cover;
    }

    .big-story picture:before {
        background-image: linear-gradient(to right, black, rgba(0,0,0,.25), transparent);
        content: '';
        height: 100%;
    }

    .big-story.right picture:before {
        background-image: linear-gradient(to left, black, rgba(0,0,0,.25), transparent);
        content: '';
        height: 100%;
    }

    .big-story > * {
        position: absolute;
        bottom: 0;
    }

    .big-story .blurb {
        color: white;
        padding: 2em;
        max-width: 50em;
    }

        .big-story .blurb > * {
            color: white;
            margin: 0;
        }

    .big-story .excerpt-container p {
        color: white !important;
        margin: 2em 0 0;
    }

    .big-story .blurb button {
        margin-top: .5em;
        padding: .65em .75em;
    }

@media (max-width:40.063em) {
    .big-story {
        height: unset;
        overflow: hidden;
    }

        .big-story > * {
            position: static !important;
        }

        .big-story picture, .big-story img {
            height: 300px;
        }
}

/* Responsive hero for IE and Edge */
.hasForFitSake {
    background-position: center;
    background-size: cover; /* Should match the object-fit prop */
}

    .hasForFitSake img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hasForFitSake img {
        visibility: hidden;
    }

/* Prevent Slick Slider events widget on Home from breaking page width */
.slick-slider,
.slick-list {
    margin: 0 !important;
    max-width: 100% !important;
}

/* Center Slick Slider on home page so items don't look  bad when there are fewer than two */
.eventContainer .slick-track {
    margin: 0 auto;
}


/* SOL logo sizing */
.sol-wordmark img {
    max-width: 100%;
    width: 250px;
}

header .sol-wordmark img {
    width: 192px;
}

/* Styling common macros in the grid */
.custom-umb-grid .blogFeed {
    margin: 1em 0;
}

    .custom-umb-grid .blogFeed li {
        margin-bottom: 1em;
    }

.custom-umb-grid .externalStory {
    padding-bottom: 0;
}

    .custom-umb-grid .externalStory h3,
    .custom-umb-grid .externalStory a {
        font-size: .85rem;
        font-family: open_sansregular, sans-serif !important;
        font-weight: bold;
    }

.custom-umb-grid .medium-4 [id*="trumba.spud"] {
    margin-bottom: .5em;
}

.custom-umb-grid .medium-4 .blogFeed {
    margin: 0;
}

.summaryContainer .columns {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.band.breathe {
    padding: 1em 0;
}

ul.separated {
    font-size: .9rem;
    margin-left: 0;
}

    ul.separated li {
        display: block !important;
    }

        ul.separated li + li {
            border-top: 1px solid rgba(0,0,0,.1);
        }

/* Override the Foundation default on top bar dropdown arrows */
.top-bar-section .has-dropdown > a:after {
    border: solid 5px;
    border-color: transparent transparent transparent #4b2e83;
}

.top-bar-section .has-dropdown:hover > a:after {
    border-color: transparent transparent transparent #ceb888;
}

.top-bar-section li.has-dropdown:hover {
    background: #4b2e83;
}

    .top-bar-section li.has-dropdown:hover > a {
        color: white !important;
    }

.top-bar ul.dropdown > li:hover {
    background: #ededea;
}

.top-bar-section li.has-dropdown.not-click > a {
    border-bottom: .2em solid transparent;
}

li.current-section:not(:hover) > a {
    border-bottom: .2em solid #ceb888 !important;
}

li.current-section:hover > a {
    border-bottom: .2em solid #4b2e83 !important;
}

/* Labels for News Categories on stories */
.label-list {
    border-top: 1px solid #ededea;
    display: block;
    margin: .75em 0;
    padding-top: .75em;
}

.label {
    color: #ededea;
    background-color: #4b2e83;
    font-size: 0.85rem;
    font-weight: bold;
    margin: .5em;
    padding: .5em .5em .45em;
}

    .label a {
        border-bottom: none !important;
        color: #ededea;
        text-decoration: none;
    }

    .label:hover {
        background-color: #ededea;
    }

        .label:hover a {
            color: #4b2e83 !important;
        }

.no-decoration {
    text-decoration: none !important;
}

.news-card h3 {
    display: inline-block;
    border-bottom: .1em solid transparent;
}

.news-card:hover h3 {
    border-bottom-color: #ceb888;
    color: #4b2e83;
}

.news-card time {
    display: inline-block;
    font-size: .9em;
    margin-bottom: .5em;
}

.news-card .content {
    padding: .75em 1.5em .25em;
    margin-bottom: 2em;
    border-radius: 0 0 .5em .5em;
}

/* Align breadcrumbs to current style */
.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs li.current a {
    border-bottom: .1em solid #ceb888 !important;
    color: #4b2e83;
}

/* balancetext.min.js looks for this class to balance long lines
    of text that break over multiple lines */
.balance-text {
    text-wrap: balance; /* Apply (proposed) CSS style */
}

.custom-umb-grid .readable {
    float: none;
    margin: 0 auto;
    width: 62.5rem !important;
}

.ln-letters a {
    font-weight: bold;
    text-decoration: none;
}

ul.expert-results picture {
    display: block;
}

ul.expert-results li {
    width: 100%;
}

ul.expert-results .container {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: flex !important;
}

    ul.expert-results .container picture {
        width: 20em;
    }

.expert-results picture,
.expert-results .person,
.expert-results .media-guide {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

ul.expert-results .container .media-guide {
    width: 40em;
}

ul.expert-results .container .person {
    width: 100%;
}

ul.expert-results .container > * {
    padding: 1em;
}

ul.expert-results .container .person,
ul.expert-results .container .media-guide li {
    text-align: left;
}

.media-guide ul li {
    font-size: 1em !important;
}

@media(max-width: 40.063em) {
    ul .expert-results .container {
        display: block !important;
        width: 100%;
    }

    picture {
        width: 100% !important
    }
}

.dir-item img {
    max-height: 188px;
    width: auto;
}

.tabs li.tab-title {
    border-bottom: .1em solid #ededea;
}

.tab-title.active a {
    pointer-events: none;
    cursor: default;
    outline: none;
}


li.tab-title {
    background: #ededea;
    border-bottom: none !important;
    margin: 0 .1em
}

    li.tab-title.active {
        background-color: #4b2e83;
    }

        li.tab-title.active a {
            color: white !important;
        }

        li.tab-title.active > a {
            background-color: transparent !important;
        }

.person {
    line-height: 1.2;
    font-size: 1rem;
}


    .person table * {
        font-size: 1rem !important;
    }

    .person table tr {
        background: none;
    }

    .person table,
    .person table td {
        background: none;
        border: none;
        padding: .5em 0;
    }

    .person [itemprop="url"] {
        display: inline-block;
        text-decoration: none;
        border-bottom: .1em solid transparent;
    }

        .person [itemprop="url"]:hover {
            color: #4b2e83;
            border-bottom-color: #ceb888;
        }

    .person [itemprop="name"] {
        font-family: encode_sans_compressedMedium, open_sansregular, sans-serif;
        font-size: 1.2rem;
    }

.expertise-heading {
    color: #212224;
    font-size: 1rem;
}

.person {
    text-align: left;
}

    .person [itemprop="jobTitle"] {
        color: #212224;
        font-size: .95rem;
    }

.person {
    padding: .5em;
}

.media-guide strong {
    font-size: 1rem;
}

.media-guide {
    text-align: left;
}

.dept-people td:first-of-type {
    white-space: nowrap;
}


@media (max-width: 40.063em) {
    .person + .media-guide {
        padding-top: 0 !important;
        border-bottom: 1px solid #ededea;
    }

    table.dept-people {
        border: none;
    }

        table.dept-people th {
            display: none !important;
        }

        table.dept-people td {
            border: none;
            display: block !important;
        }

            table.dept-people td:first-child {
                font-weight: bold;
                padding-bottom: 0;
            }

            table.dept-people td:last-child {
                padding-bottom: 1em !important;
            }

            table.dept-people td + td {
                padding-bottom: 0 !important;
                padding-top: 0 !important;
            }
}

table.dept-people {
    margin-bottom: 0;
}

.dept-card {
    /* outline: 1px solid #ededea; */
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.dept-card {
    margin-bottom: 2em;
    padding: 1em;
}

    .dept-card:hover {
        /* box-shadow: 0 .25em .5em #ededea, 0 .15em .25em #ededea; */
    }

    .dept-card .dept-info + .dept-people {
        margin-top: .5em
    }

    .dept-card h3 {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1 !important;
        margin-top: 0;
        padding-top: .8em;
    }

li.dept-card a {
    border: none;
}

div#expertiseDropdown-nav {
    text-align: center;
}

.ln-letters {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tabs dd > a,
.tabs .tab-title > a {
    background: #ededea;
    border-bottom: .1em solid transparent;
}

    .tabs dd > a:hover,
    .tabs .tab-title > a:hover {
        background: #fff;
        border-bottom-color: #ceb888;
        color: #4b2e83;
    }

li.tab-title:not(.active),
li.tab-title:not(.active) a {
    background-color: transparent !important;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a,
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
    background-color: #4b2e83 !important;
    color: #ffffff !important;
    font-weight: bold;
}

td[itemprop="telephone"] {
    font-size: .9em !important
}

.person table {
    margin: 0;
}

.filtered-content .content {
    display: none;
}

    .filtered-content .content.active {
        display: block;
    }

.row.bio-card {
    -js-display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: flex;
    align-items: center;
}


@media (max-width: 40em) {
    .row.bio-card {
        flex-direction: column-reverse;
    }

    .all {
        width: 100%;
    }
}

a:link.email {
    font-size: .8em !important;
    font-weight: normal;
}

@media (min-width: 40.063em) {
    #expertiseDropdown {
        columns: 2;
        width: 100%;
        margin: 0;
    }

        #expertiseDropdown li {
            margin-left: 1em;
        }
}

#current-category {
    margin-top: 1em;
}

@media (max-width: 64em) {
    li.tab-title a {
        padding: .25em .5em !important;
    }

    li.tab-title {
        width: initial !important;
    }
}

.dir-item .container {
    max-width: 160px;
    width: 100%;
}

#expertise .dir-item .container {
    max-width: 100%;
}

a.expertise-area {
    font-weight: bold;
    text-decoration: none !important;
}

    a.expertise-area:hover {
        color: #4b2e83 !important;
        border-bottom: .1em solid #ceb888;
    }

.expertise-control {
    background: #ededea;
    padding: 1em;
}

dl.media-contact {
    color: #212224;
    display: table;
    font-size: .85em;
    padding: .5em .75em .65em;
    margin: 0 0 0 auto;
    text-align: right;
}

    dl.media-contact dt,
    dl.media-contact dd {
        display: inline-block;
        margin: .1em .5em;
    }

    dl.media-contact dd {
        white-space: nowrap;
    }

    dl.media-contact strong {
        color: #4b2e83;
        text-transform: uppercase;
    }

    dl.media-contact a {
        border-bottom: .1em solid #ceb888;
        color: #4b2e83;
        font-weight: bold;
        text-decoration: none;
    }

@media (max-width: 40em) {
    dl.media-contact {
        text-align: center;
    }

    ul.expert-results .container {
        flex-direction: column;
    }
}

/* Don't wrap phone numbers in the dept. directory table */
.dept-people [itemprop="telephone"] {
    white-space: nowrap;
}

/* Hot fix for SOL wordmark; the whole design should be refactored */
@media (max-width: 40em) {
    .tab-bar {
        height: 3rem
    }

        .tab-bar img {
            padding: .4em 0;
        }
}

/* Accessibility hot fix for menu colors on small viewports */
@media (max-width: 40em) {
    .top-bar-section li.has-dropdown:hover > a {
        color: #4b2e83 !important;
    }
}

.dept-tabs .tab-title a {
    font-family: open_sansregular, sans-serif;
    font-size: 1em !important;
}

.dept-tabs .tab-title.active {
    background: #e7dcc5;
}

.dept-tabs li.tab-title.active a {
    color: #4b2e83 !important;
}

/* NEW EVENTS PARTIAL */

#upcoming-events {
    margin-left: 0;
}

    #upcoming-events li {
        display: flex;
        align-items: flex-start;
        list-style-type: none !important;
    }

    #upcoming-events a {
        color: #4b2e83;
        font-weight: bold;
    }

    #upcoming-events dd + dt {
        margin-top: 1rem;
    }

    #upcoming-events dl {
        margin: 1em;
        padding: 1em 1em 0;
    }

    #upcoming-events .feed-item dt a {
        font-family: open_sansregular, sans-serif;
        font-size: 1.2em;
        line-height: 1.5;
        border-bottom: .18rem solid #ceb888;
        text-decoration: none;
    }

        #upcoming-events .feed-item dt a:hover {
            border-bottom-color: #4b2e83;
        }

    #upcoming-events .feed-item dd {
        margin-top: .5em;
    }

    #upcoming-events .event-description {
        background-color: #ededea;
        border-left: .5rem solid #ceb888;
        padding: .8em;
    }

    #upcoming-events aside {
        background-color: #4b2e83;
        border-radius: 50%;
        display: flex;
        flex: none;
        flex-direction: column;
        font-size: 1.2em;
        align-items: center;
        justify-content: center;
        height: 5rem;
        margin: 1rem;
        width: 5rem;
        padding: .75em 1em;
        text-align: center;
    }

        #upcoming-events aside span {
            color: #ffffff;
            display: block;
            font-family: open_sansregular, sans-serif;
            font-weight: 900;
            line-height: 1;
        }

    #upcoming-events .event-more b {
        font-variant: all-small-caps;
    }

    #upcoming-events a {
        border-bottom: .125em solid #ceb888;
        text-decoration: none;
    }

        #upcoming-events a:hover {
            border-bottom-color: #4b2e83;
        }

@media (max-width: 64em) {
    #upcoming-events li {
        flex-direction: column;
        align-items: center;
    }

    .top-bar, dl, dt, dd {
        margin-bottom: 0 !important;
        /* overflow: hidden; */
    }

        .top-bar.expanded dt {
            padding: .5em 1em;
            font-weight: normal;
            background: #4b2e83;
            color: white;
            margin: 0;
        }

    h1 {
        hyphens: auto;
    }
}

.top-bar-section ul.mobile-audiences li a:hover {
    background-color: white !important;
}

.top-bar-section ul.mobile-audiences li > a {
    color: inherit;
}

    .top-bar-section ul.mobile-audiences li:hover,
    .top-bar-section ul.mobile-audiences li > a:hover {
        color: #4b2e83;
    }

@media (min-width: 40.063em) {
    .top-bar dl, .top-bar dd {
        margin: 0;
    }
}

.private::before,
[href*="law-uw.12twenty.com/login"]::before,
[href*="canvas.uw.edu/courses/1605454"]::before,
[href*="canvas.uw.edu/courses/1192054"]::before,
[href*="canvas.uw.edu/login"]::before,
[href*="lawnet.law.washington.edu"]::before,
[href*="www.uw.edu/calendar/trumba"]::before,
[href*="ems.law.washington.edu"]::before,
[href*="/private"]::before,
[href*="/mylaw"]:not(.button)::before,
[href="https://forms.gle/GQ1beWykx1JyiZ2EA"]::before{
    background-image: url(/images/lock-solid.svg);
    background-repeat: no-repeat;
    background-size: 1em;
    border-bottom: none;
    color: #4b2e83;
    content: "";
    display: inline-block;
    height: 1em;
    margin: 0 .333em;
    width: 1em;
}

/* Card-like lists */

@media (min-width: 40.063em) {
    ul.cardish {
        padding: 0 5em;
    }
}

ul.cardish {
    margin: 0;
}

    ul.cardish li {
        list-style-type: none;
        background-color: #ededea;
        border-radius: .5rem;
        padding: 1em;
    }

        ul.cardish li + li {
            margin-top: 1.25em;
        }

.vertical-nav .internal-nav {
    background: none;
}

    .vertical-nav .internal-nav .sub-nav {
        display: block !important;
        padding: 0 1em .5em;
        width: 100%;
    }

        .vertical-nav .internal-nav .sub-nav li {
            margin: 0 !important;
            display: block !important;
            width: 100%;
        }

.return-links {
    background-color: #ededea;
    color: black;
    padding: .5em !important;
}


.vertical-nav li + li {
    padding-top: 1em !important;
}

.vertical-nav a {
    line-height: 1 !important;
}

.vertical-nav h2 {
    background-color: #4b2e83;
    padding: .75em;
    text-align: center;
}

    .vertical-nav h2 a {
        color: #ffffff;
        border-bottom: .15em solid transparent;
        text-decoration: none;
    }

        .vertical-nav h2 a:hover {
            border-bottom-color: #ceb888;
        }

.vertical-nav .menuChild {
    border-bottom-color: transparent !important;
}

    .vertical-nav .menuChild:hover {
        border-bottom-color: #ededea !important;
    }

.vertical-nav .menuCurrent {
    border-bottom-color: #ceb888 !important;
}

/* Sidebar news widget fix */
.sidebar .content.cloud-bg {
    padding: 0;
    background: transparent !important;
}

.sidebar img {
    max-width: 100% !important;
}

.news-item > a.offsite {
    font-size: 1rem;
    font-weight: bold;
}

.news-item + .timeStamp {
    padding-left: 2.2em;
}

/* Lists from a feed, e.g., publications, presentations, media mentions */
ul.feed-list {
    list-style-type: none;
}

.feed-list + hr {
    margin-bottom: 2.5em !important;
}

.feed-list li {
    padding: .25em 0;
}

.feed-list a {
    font-weight: bold;
}

.feed-list div {
    font-size: .8em;
    text-transform: uppercase;
}

/* Picture height fix for IE11 inexplicably 
   using intrinsic values in some contexts */
picture {
    height: 100%;
}

/* Slightly better blockquotes */
blockquote {
    margin: .5em;
    padding: .5em 1em;
}

/* Small stories on thead homepage */

.listArticle:hover {
    box-shadow: .25em .25em .125em hsla(0,0%,0%,.2);
}

.listArticle.summaryContainer {
    background: white;
    border: 1px solid #ededea;
}

.accessible-card {
    position: relative;
}

.accessible-card:hover img {
    filter: saturate(0);
}

.accessible-card a::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

    .accessible-card a,
    .accessible-card a:hover {
        background: unset !important;
        border: none !important;
        color: #4b2e83;
    }

.accessible-card:hover .hed::after {
    background-image: linear-gradient(105deg, #4b2e83 94.5%, transparent 95.5%);
}

/* Accessible block links on profile photos */
.link-container {
    position: relative;
}

    .link-container a:link {
        font-weight: normal;
    }

    .link-container a:link::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.link-container img {
    margin-bottom: .25em;
}

/* Improved news and podcast styles */
.post-meta span,
.post-meta time {
    display: inline-block;
    font-family: inherit;
    font-size: 1.1em;
}

.post-meta {
    font-family: encode_sans_compressedMedium;
    font-size: 1.1em;
    margin-bottom: 1em;
}

    .post-meta::after {
        background-color: #666;
        content: "";
        display: block;
        height: .1rem;
        margin: 1rem 0;
        width: 4rem;
    }

audio {
    height: 4em;
    margin-bottom: 2em;
    width: 100%;
}

article.podcast {
    padding: 1em;
}

.notes {
    border-top: .1em solid #ededea;
    border-bottom: .1em solid #ededea;
    padding: 2em 2em 1em;
}

.transcript {
    margin-bottom: 2em;
    position: relative;
}

.transcript-text[aria-hidden='true'] {
    display: none;
}

.transcript-toggle,
.transcript-toggle:hover, .transcript-toggle:focus {
    background-color: transparent;
    border-radius: .5em .5em 0 0;
    color: #4b2e83;
    display: block;
    font-weight: bold;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    padding: .5em .75em;
}

    .transcript-toggle span {
        border-bottom: .1em solid #ceb888;
        vertical-align: middle;
    }

    .transcript-toggle svg {
        vertical-align: middle;
        transition: transform .1s ease-in-out;
    }

    .transcript-toggle[aria-pressed="true"] {
        background-color: #ededea;
    }

button[aria-pressed="true"] svg {
    transform: rotate(-180deg);
}

.transcript-text {
    background: #ededea;
    border-radius: .5em 0 .5em .5em;
    padding: 1em;
}

    .transcript-text :first-child {
        margin-top: 0;
    }

    .transcript-text :last-child {
        margin-bottom: 0;
    }

.transcript [aria-pressed] span::before {
    content: 'Show ';
}

.transcript [aria-pressed="true"] span::before {
    content: 'Hide ';
}

.meta p {
    font-size: .8em;
    text-transform: uppercase;
}

ul.podcast-subscriptions a {
    display: inline-block;
    padding-right: .5em;
}

ul.podcast-subscriptions img {
    margin-bottom: 0 !important;
}

/* Custom audio background in webkit */
audio::-webkit-media-controls-panel {
    background-color: #ededea;
}


ul.podcast-subscriptions {
    font-size: .9em;
    list-style-type: none;
    margin-left: 0;
}

.podcast-subscriptions svg,
.podcast-subscriptions a {
    line-height: 3em;
    vertical-align: middle;
}

.podcast-subscriptions svg {
    height: 1.8em;
    margin-right: .25em;
    width: 1.8em;
}

.card-tag {
    color: #4b2e83;
    font-family: encode_sans_compressedXbd;
    font-size: .8em;
    letter-spacing: .075em;
    margin: 1em .5em 0;
    text-align: right;
    text-transform: uppercase;
}

h1 small {
  line-height: inherit;
}

.expert-results {
    width: 50em;
    margin: 0 auto;
}

.expert-results picture, .expert-results .person, .expert-results .media-guide {
    justify-content: flex-end;
}

ol ul > li {
    list-style-type: square !important;
    margin-top: 1rem;
}

ul.feed-list li {
	font-size: 1rem;
}

.narrow {
	margin: 0 auto;
	max-width: 100%;
	width: 800px !important;
}

/* Side-scroll lists */
ul.side-scroll {
  -js-display: flex;
  display: flex;
  list-style: none;
  margin: 0 auto;
  overflow-x: auto;
  position: relative;
  scroll-behavior: smooth;
  max-width: 90%;
  width: 65rem;
}

ul.side-scroll > li {
  background: white;
  flex: 0 0 10em;
  padding: .5rem !important;
  scroll-snap-align: start;
}

.attach-row {
  margin-top: -1em;
  padding-bottom: 1px;
  padding-top: 1em;
}

/* Temporary fix for areas of expertise */
.media-guide, .person {
    height: 100%;
}

/* Quick fix for empty elements */
h2:empty {
	display: none;
}

.person img {
    width: 140px;
    height: 180px;
    object-fit: scale-down;
}

.hi-res {
  font-size: .85em;
  text-align: right;
}

.hi-res * {
  vertical-align: middle;
}

.hi-res img {
  height: 1.25em;
}

/* Hide extraneous caption on newsletters */
img + p.caption {
    display: none;
}

/* Skip to Content Link */
.skip-to-content-link {
position: absolute;
  left: 6px;
  top: -99px;
}

.skip-to-content-link:focus {
  z-index: 999;
  font-size: 14px;
  font-weight: 800;
  top: .5em;
  left:35%;
  padding: 15px 23px 14px;
  background-color: #f1f1f1;
  color: #4b2e83;
  box-shadow: 0 0 2px 2px rgb(0 0 0 / 60%);
}

h2.hed,
h2.hed a {
    font-size: 16px;
    font-family: 'open_sansregular' !important;
    margin-bottom: 0;
}

span.card-title {
    border-bottom: .1em solid transparent;
    font-family: encode_sans_compressedMedium;
    color: rgb(33,34,36);
    font-size: 1.43em;
    font-weight: normal;
}

.news-card:hover span.card-title {
    border-bottom-color: #ceb888;
    color: #4b2e83;
}

#profile h2 {
    font-family: 'encode_sans_compressedMedium';
    font-size: 1.5em;
    text-transform: none;
}

.areas h2 a {
    font-weight: normal;
}

.subheader {
	line-height: 1.5;
}

ol#upcoming-events:not(:has(> *)) {
    display: none;
}

blockquote, blockquote p {
    color: inherit;
}

.sub-nav dt {
	color: #666;
}

.h3 {
    font-size: 1.43em;
    font-family: 'encode_sans_compressedMedium';
    color: #212224;
    margin: 0;
    padding: 0;
}

.big-story .hed {
    font-family: 'encode_sans_normalblack' !important;
}

.news-card aside span {
	font-size: .85em;
}

.social-meta {
  background-color: #ededea;
  border-radius: .25em;
  box-shadow: .5em .5em #4b2e83;
  margin: 2em auto 3em;
  outline: .1em solid #cdcdc9;
  padding: .5em 1.5em 0;
  text-align: center;
}

.social-meta h2 {
  display: inline-block;
  font-family: encode_sans_compressedMedium;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0;
  text-transform: initial;
}

.social-meta ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;}

.social-meta ul li {
  list-style-type: none;
  margin: 1em;
}

ul#barer-tabs li {
    white-space: nowrap;
}

/* Timeline improvements */

ul.timeline {
  list-style-type: none;
  margin: 0 auto;
  max-width: 800px;
  padding: 0;
}

ul.timeline > li {
  border-radius: 1em;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 1em;
}

@media (max-width: 40em) {
  ul.timeline > li {
    flex-direction: column;
  }

  ul.timeline > li > h2 {
    margin: .5em 0 0 0;
    padding: 0;
  }
}

ul.timeline > li > * {
  margin: 0;
  padding: 1em;
}


ul.timeline > li:nth-child(even) {
  background: #ededea;
}

ul.timeline h2 {
  color: #4b2e83;
}

/* Better accordions */
.accordion .accordion-navigation > a, .accordion dd > a {
	background-color: unset;
	border-bottom: #ededea .125em solid;
	color: #4b2e83;
	font-family: encode_sans_compressedMedium;
	font-size: 1.2em;
	font-weight: normal;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background-color: #ededea;
}

.accordion .accordion-navigation.active>a, .accordion dd.active>a {
    background-color: #4b2e83;
    color: white;
}

.accordion .accordion-navigation>.content.active, .accordion dd>.content.active {
	background-color: #ededea;
    color: unset;
}

/* More readable scholarship lists on faculty profile pages */
#publications ul.feed-list,
#presentations ul.feed-list {
    columns: 20em 2;
    column-gap: 3em;
}

#publications ul.feed-list li,
#presentations ul.feed-list li {
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    padding: .5em 0;
}

ul#profile-tabs {
    border-bottom: .1em solid #ededea;
}

/* Leadership Page */

.leaders [class*='-block-grid-'] li {
    display: flex;
    justify-content:start;
}
.leaders img {
    border-radius: 50%;
    box-shadow: 0 0 1em #ededea;
    width: 60%;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.leaders a {
    font-size: .75em;
}

.leaders h2 {
    font-size: 1.2em;
}
.leaders h3 {
    font-size: 1em;
}

.leaders h2, .leaders h3 {	
    text-align: center;
}

ul.pagination li a, ul.pagination li button {
	color: #4b2e83;
}

/* Meet the Dean updates */

.profile-icons {
    display: flex;
    list-style-type: none;
    align-items: center;
    justify-content: space-around;
}

.profile-icons li:before {
    font-size: 70px;
    color: #4b2e83;
    display: block;
    font-family: 'uw-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.profile-icons li {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.profile-icons li.person:before {
    content: "\e903";
}

.profile-icons li.videos:before {
    content: "\e91c";
}

.profile-icons li.schedule:before {
    content: "\e912";
}

.profile-icons li.initiatives:before {
    content: "\e909";
}

.alert-box.alert {
	background-color: #d0342c;
}
#pnlMainContent {
    margin: 0 auto;
    float: none;
}

#msform-wrapper iframe {
    background: transparent;
}

/* Standard
----------------------------------*/
#msform-wrapper .custom-select {
    position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    background: #fff;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: left;
}

    #msform-wrapper .custom-select a {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 8px 10px;
        color: #000;
        text-decoration: none;
        cursor: pointer;
        outline: none;
    }

        #msform-wrapper .custom-select a span {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            padding-bottom: 10px;
            color: #4b2e83;
            font-weight: bold;
        }

    #msform-wrapper .custom-select select {
        display: none !important;
    }

    #msform-wrapper .custom-select > div {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 1px 0 0 -1px;
        width: calc(100% + 2px);
        border: 1px solid #888;
        background: #FFFFFF;
        z-index: 10;
        overflow: hidden;
    }

    #msform-wrapper .custom-select input {
        width: calc(100% - 10px);
        border: 1px solid #888;
        margin: 5px 5px 0;
        padding: 5px;
        font-size: 14px;
    }

    #msform-wrapper .custom-select > div > div {
        position: relative;
        overflow-x: hidden;
        overflow-y: visible;
        margin: 5px;
        max-height: 500px;
    }

    #msform-wrapper .custom-select div ul {
        padding: 0;
        margin: 0;
        list-style: none;
        -js-display: flex;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
    }

        #msform-wrapper .custom-select div ul li {
            display: none;
            padding: 10px;
            font-size: 14px;
            line-height: 1.4;
        }

            #msform-wrapper .custom-select div ul li.active {
                align-self: stretch;
                cursor: pointer;
                display: block;
                flex-grow: 0;
                width: 100%;
            }

                #msform-wrapper .custom-select div ul li.active:hover {
                    background: #e8e3d3;
                    color: #333;
                }

        #msform-wrapper .custom-select div ul .no-results {
            display: none;
            background: #f2f2f2;
            color: #000;
        }

        #msform-wrapper .custom-select div ul li.option-disabled {
            width: 100% !important;
            color: #4b2e83 !important;
            background-color: #f8f8f8 !important;
            font-weight: bold !important;
        }

            #msform-wrapper .custom-select div ul li.option-disabled:not(:first-of-type) {
                margin-top: 15px !important;
                border-top: 1px solid #ccc !important;
            }

        #msform-wrapper .custom-select div ul li.option-hover.option-disabled ~ li:hover {
            background: #e8e3d3;
        }

/* Custom Select - Open
----------------------------------*/
#msform-wrapper .custom-select-open {
    border-bottom: 1px solid #eee;
}

    #msform-wrapper .custom-select-open div {
        display: block;
    }

/* Hide Input Box
----------------------------------*/
#msform-wrapper .custom-select .custom-select-hidden-input {
    position: absolute !important;
    top: 0 !important;
    left: -1000px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    z-index: -1 !important;
}

/* Mobile Override
----------------------------------*/
#msform-wrapper .custom-select-mobile select {
    display: inline !important;
    position: absolute;
    top: 0;
    left: 0;
}

/* Custom
------------------------------------*/
#msform-wrapper .fund-other-highlight {
    background-color: #ededea !important;
    border: 1px solid #ededea !important;
}

#msform-wrapper .custom-select.fund-other-highlight.custom-select-open select + div {
    /*margin-bottom: 100px !important;*/
    margin-top: -130px !important;
    -webkit-transform: translate(0, -500px);
    -moz-transform: translate(0, -500px);
    -ms-transform: translate(0, -500px);
    -o-transform: translate(0, -500px);
    transform: translate(0, -500px);
    box-shadow: 0 3px 6px rgba(133, 117, 77, 0.16), 0 3px 6px rgba(133, 117, 77, 0.23);
}

#msform-wrapper label[class="fund"] {
    padding: 0;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
}

    #msform-wrapper label[class="fund"] .fund-image {
        min-height: 200px;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 30% !important;
        vertical-align: top;
        flex-grow: 0;
        align-self: stretch;
    }

        #msform-wrapper label[class="fund"] .fund-image.fund-image-one {
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1264076/columns.jpg");
        }

        #msform-wrapper label[class="fund"] .fund-image.fund-image-two {
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1264076/students.jpg");
        }

        #msform-wrapper label[class="fund"] .fund-image.fund-image-three {
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1264076/faculty.jpg");
        }

        #msform-wrapper label[class="fund"] .fund-image.fund-image-four {
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1264076/experiential.jpg");
        }

        #msform-wrapper label[class="fund"] .fund-image.fund-image-five {
            background-image: url("http://foster.uw.edu/wp-content/uploads/2016/10/give_forward_facilities_fund.jpg");
        }

    #msform-wrapper label[class="fund"] .fund-text-wrapper {
        display: inline-block;
        width: 70%;
        flex-grow: 1;
        align-self: stretch;
        padding-bottom: 5px;
    }

    #msform-wrapper label[class="fund"] span {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        color: #4b2e83;
        font-weight: bold;
    }

    #msform-wrapper label[class="fund"] p {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        line-height: 1.4;
        color: #333;
        font-weight: normal;
    }

#msform-wrapper #fund-search-icon {
    font-family: FontAwesome;
    display: inline;
    color: #333;
}

/*form styles*/
#msform-wrapper {
    margin: 2em auto;
    max-width: 100%;
    width: 45em;
}

    #msform-wrapper * {
        margin: 0;
        padding: 0;
    }

    /* Hide the Checkout container initially */
    #msform-wrapper #checkout-container {
        display: none;
    }

    /*buttons*/
    #msform-wrapper .action-button {
        background: #4b2e83;
        border: 0 none;
        border-radius: .3em;
        color: #ffffff;
        cursor: not-allowed;
        font-size: 1.4em;
        font-weight: bold;
        padding: 1rem 2rem;
        width: 100%;
    }

        #msform-wrapper .action-button:enabled {
            cursor: pointer;
        }

    /*headings*/
    #msform-wrapper .fs-title {
        text-transform: uppercase;
    }

    /*progressbar*/
    #msform-wrapper #progressbar {
        counter-reset: step;
        /*CSS counters to number the steps*/
        margin-bottom: 1.3em;
        overflow: hidden;
        text-align: center;
    }

        #msform-wrapper #progressbar li {
            float: left;
            font-size: .8em;
            list-style-type: none;
            position: relative;
            text-transform: uppercase;
        }

            #msform-wrapper #progressbar li:before {
                content: counter(step);
                counter-increment: step;
                display: block;
                margin: 0 auto .3em auto;
                position: relative;
                z-index: 1;
            }

            /*progressbar connectors*/
            #msform-wrapper #progressbar li:last-child:after {
                content: '';
                height: 2px;
                width: 100%;
                position: absolute;
                left: -50%;
                top: .5em;
            }

            /* Mark current/completed steps */
            #msform-wrapper #progressbar li.active:before, #progressbar li.active:after {
                background-color: #4b2e83 !important;
                color: #ffffff;
            }

    #msform-wrapper input[type="radio"] {
        display: block;
        margin: 0 auto;
        opacity: 0;
        padding: 0;
        z-index: 2;
    }

    /* Keep the investment input field readable; purple reads like a button, not a text input */
    #msform-wrapper input[type="number"] {
        background-color: #ffffff !important;
    }

    #msform-wrapper label,
    #msform-wrapper input[type="number"] {
        cursor: pointer;
        display: block !important;
        font-size: 16px;
        font-weight: bold;
        padding: .4em .8em;
        text-align: left;
    }

        #msform-wrapper label[for="amount"] {
            padding: 0;
        }

    #msform-wrapper #amount {
        padding-left: 1.6em;
        margin-top: 0;
        padding-top: .4em;
        padding-bottom: .4em;
    }

label[for="standard"] {
    background: transparent !important;
    margin-top: .6em !important;
}

msform-wrapper #amount + label {
    background: transparent;
    font-size: .9em;
    margin: .2em 0 -1.8em;
    color: #888888;
}

#msform-wrapper .currency-input {
    position: relative;
    width: 100%;
}

    #msform-wrapper .currency-input .currency-dollar {
        color: #4b2e83;
        font-size: 1rem;
        position: absolute;
        top: .4em;
        left: .6em;
    }

#msform-wrapper #checkout-container {
    margin: 0 auto;
    width: 660px;
}

#msform-wrapper #checkout {
    width: 100%;
    margin: 0 auto;
    min-height: 1100px;
}

#msform-wrapper iframe {
    border: none;
}

#msform-wrapper #progressbar li:before {
    background: #ffffff;
    border: solid 2px;
    border-color: #ededea;
    border-radius: 50%;
    width: 1.9em;
}

#msform-wrapper #progressbar li.active:before {
    border-color: #4b2e83;
}

#msform-wrapper #progressbar li:after {
    background: #ededea;
    margin-top: .4em;
}

#msform-wrapper input[type="radio"]:checked + label {
    border-color: #4b2e83;
}

#msform-wrapper label[class="fund"] .fund-image {
    width: 40% !important;
}

#msform-wrapper label[class="fund"] .fund-text-wrapper {
    width: 60% !important;
}

#msform-wrapper input[type="radio"]:checked + label .fund-image {
    background-color: #4b2e83;
    background-blend-mode: lighten; /* fallback */
    background-blend-mode: luminosity;
}

#msform-wrapper input[type="radio"]:checked + label {
    background-color: #4b2e83;
    color: #ffffff;
}

#msform-wrapper label,
#msform-wrapper input[type="number"] {
    background: #ededea;
}

.fund-text-wrapper > span {
    font-family: encode_sans_compressedMedium;
    font-size: 24px !important;
}

.fund-text-wrapper > p {
    margin: 0 1em 1em 1em !important;
}

/* Inherit color from parent to facilitate fund selection*/
.fund-text-wrapper > span,
.fund-text-wrapper > p {
    color: inherit !important;
}

.custom-select:after,
.custom-select:before {
    content: " ";
    position: absolute;
    right: 18px;
    top: 64%;
    margin-top: -4px;
    border: 6px solid transparent;
    border-top: 8px solid #4b2e83;
    pointer-events: none;
}

.custom-select:before {
    top: 37%;
    z-index: 10;
    border-top: transparent;
    border-bottom: 8px solid #4b2e83;
}

.custom-select {
    position: relative;
}

    .custom-select span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 1em 0 .5em !important;
        width: 90% !important;
    }

@media (max-width: 600px) {
    #msform-wrapper {
        width: 100%;
    }

        #msform-wrapper label[class="fund"] .fund-image {
            padding-bottom: 200px !important;
            width: 100% !important;
        }
}

#msform-wrapper input:disabled {
    background: lightgray !important;
}

#msform-wrapper .action-button {
    margin: 25px 5px 5px 5px;
}

#msform-wrapper #progressbar li {
    width: 50%;
}

h2.fs-title {
    margin-bottom: 0 !important;
    text-align: left;
}

#msform-wrapper label, #msform-wrapper input[type="number"] {
    font-weight: normal;
}

#msform-wrapper input:invalid {
    outline: 5px solid red;
}

#msform-wrapper input[type="number"]:focus,
#msform-wrapper input:checked + label {
    outline: .4em solid lightblue;
}

#msform-wrapper fieldset div + div {
    margin-top: 1em !important;
}

#msform-wrapper .fund-search-heading {
    margin: 1em auto .5em !important;
    text-align: left;
}

#msform-wrapper fieldset {
    text-align: left;
    transition: transform .2s ease-in-out;
}

#msform-wrapper #funds {
    padding-bottom: 1.5em !important;
}

#msform-wrapper fieldset + fieldset {
    margin-top: 2em !important;
}

#msform-wrapper fieldset {
    border-color: #ededea;
    border-width: 2px;
    padding: 0 1.4em !important;
}

    #msform-wrapper fieldset legend {
        color: #4b2e83 !important;
        padding: 0 .5em !important;
    }

#msform-wrapper li.active.option-hover {
    background-color: #ededea;
}

#msform-wrapper .currency-input {
    margin: 1em 0 -1em !important;
}

#msform-wrapper .fund-image {
    min-height: 200px !important;
}

#msform-wrapper .fund-text-wrapper {
    width: 100%;
    -js-display: flex;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    #msform-wrapper .fund-text-wrapper * {
        max-width: 100%;
    }

#msform-wrapper label[for="amount"] {
    color: #595959;
    margin-top: .5em !important;
}

.featured-fund {
    display: flex;
    position: relative;
}

    .featured-fund [name="code"] {
        opacity: 1 !important;
        right: -.7em;
        position: absolute;
        top: 50%;
        width: 2em;
    }

    .featured-fund .fund {
        width: calc(100% - 2em);
    }

#msform-wrapper .custom-select.checked {
    outline: .35em solid lightblue !important;
}

#msform-wrapper .custom-select.checked a {
    background-color: #4b2e83;
    color: white !important;
}

#msform-wrapper .custom-select.checked a span {
        color: white !important;
    }