.story--content .story--header,.story--title,.we-see--content{
    text-transform:uppercase;
    font-family:BentonSansCondBold,Arial,sans-serif;
    font-weight:400
}
 .site-header .title{
    margin:16px 0
}
 .site-header .school-title{
    margin-bottom:0;
    margin-top:16px;
    line-height:1
}
 .site-header .school-title a{
    color:#6e635a
}
 .site-header .small-caps{
    display:block;
    font-size:1rem;
    margin-bottom:2px;
    text-transform:uppercase
}
 .site-header .title a{
    color:#4A3C31
}
 .NameHeader a{
    text-decoration:underline !important;
}
 .luddy-profile-thirds{
     display: inline-block;
     width: 31%;
     padding-bottom: 20px;
     margin-bottom: 2rem;
     margin-right: 1rem;
     vertical-align: top;
}
 .luddy-profile-thirds figure{
     display: block;
     padding-right: .75rem;
     padding-left: 0;
     margin-bottom: 0;
     max-width: 200px;
}
 .luddy-profile-thirds figcaption{
     text-align: center;
     font-family: BentonSansBold,Helvetica,Arial,sans-serif;
     font-size: 1.375rem;
}
 .luddy-profile-thirds figure img{
     border-radius: 50%;
}
 @media screen and (min-width:64.0625em){
    .site-header .school-title{
        padding-top:16px
    }
     .school-title+.title{
        margin-top:0
    }
}
 .off-canvas-bar .title{
    margin:0!important;
    padding:0!important;
    font-size:1rem;
    text-transform:uppercase
}
 .off-canvas-bar .title a{
    display:block;
    padding:1rem .75rem;
    background-color:#7A1705;
    color:#fff
}
 .off-canvas-bar .title a:focus,.off-canvas-bar .title a:hover{
    background-color:#fff;
    color:#900
}
/*! * animate.css -http://daneden.me/animate * Version - 3.6.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */
 .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
 .animated.infinite{
    animation-iteration-count:infinite
}
 @keyframes flipInX{
    from{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
     40%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function:ease-in
    }
     60%{
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
     80%{
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
     to{
        transform:perspective(400px)
    }
}
 .flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipInX
}
 @keyframes flipOutX{
    from{
        transform:perspective(400px)
    }
     30%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
     to{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
 .flipOutX{
    animation-duration:.75s;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
 @font-face{
    font-family:BentonSansCondBold;
    src:url(https://fonts.iu.edu/fonts/benton-sans-cond-bold.eot);
    src:url(https://fonts.iu.edu/fonts/benton-sans-cond-bold.eot?#iefix) format("embedded-opentype"),url(https://fonts.iu.edu/fonts/benton-sans-cond-bold.woff) format("woff"),url(https://fonts.iu.edu/fonts/benton-sans-cond-bold.ttf) format("truetype"),url(https://fonts.iu.edu/fonts/benton-sans-cond-bold.svg#BentonSansCondBold) format("svg");
    font-style:normal;
    font-weight:400
}
 .we-see.bg-image{
    padding-top:80px!important;
    padding-bottom:80px!important
}
 .we-see--content{
    text-align:center;
    font-size:1.25rem;
    letter-spacing:.4em;
    color:#333;
    text-shadow:2px 2px 3px rgba(0,0,0,.25)
}
 .we-see--content .texts{
    list-style-type:none;
    height:32px;
    overflow:hidden;
    margin:0
}
 .we-see--content .texts li{
    display:none
}
 .we-see--content .texts li:last-child{
    display:block
}
 .js .we-see--content .texts li:last-child{
    display:none
}
 .we-see--content span{
    will-change:transform
}
 .we-see--content span.word1{
    padding-left:8px
}
 .we-see--content .tomorrow{
    height:0;
    padding-top:17.5%;
    background:url(img/sice/tomorrow-crimson.svg) top center no-repeat;
    background-size:contain;
    margin:0;
    overflow:hidden;
    font-size:1rem;
    font-size:0;
    text-transform:uppercase;
    transition:opacity .35s ease-in-out
}
 .we-see--content .tomorrow.hidden{
    opacity:0;
    transition:opacity .35s ease-in-out
}
 #content .we-see--content{
    color:#fff;
    text-shadow:0 0 12px rgba(0,0,0,.75)
}
 #content .we-see--content .tomorrow{
    background-image:url(img/sice/tomorrow.svg)
}
 @supports (-ms-ime-align:auto){
    #content .we-see--content{
        text-shadow:0 0 8px rgba(0,0,0,.45)
    }
}
 @media screen and (min-width:40em){
    .we-see.bg-image{
        padding-top:112px!important;
        padding-bottom:112px!important
    }
     .we-see--content span{
        font-size:1.75rem
    }
     .we-see--content .texts{
        height:44px
    }
}
 .story-preview{
    overflow:hidden;
    padding:40px 0!important
}
 .story-preview *{
    line-height:1.35
}
 .story-preview .button{
    margin-top:24px
}
 .story-preview .button:focus,.story-preview .button:hover{
    background-color:#fff;
    color:#900;
    border-color:#900
}
 .collapsed.story-preview+.section{
    padding-top:40px
}
 @media screen and (min-width:64.0625em){
    .we-see--content span{
        font-size:2rem
    }
     .we-see--content .texts{
        height:51px
    }
     .story-preview{
        padding:56px 0!important
    }
     .collapsed.story-preview+.section{
        padding-top:56px
    }
}
 .story--title{
    color:#900!important;
    font-size:1rem;
    letter-spacing:.2em;
    margin-bottom:8px
}
 .story--intro{
    color:#45382B;
    font-size:.85rem;
    font-style:italic
}
 .story--content{
    position:relative;
    padding-top:32px;
    color:#45382B
}
 .story--content p{
    font-size:1rem
}
 .story--content::before{
    content:"";
    background-color:#45382B;
    height:4px;
    width:30px;
    top:0;
    position:absolute
}
 .story--content .story--header{
    letter-spacing:.3em;
    font-size:26px;
    margin-bottom:0
}
 @media screen and (max-width:767px){
    .story-preview.bg-image{
        padding-top:0
    }
     .story-preview.bg-image::before{
        background-color:transparent
    }
     .story-preview .bg-images{
        margin-left:-12px;
        margin-right:-12px
    }
     .story-preview .bg-image-cover{
        position:relative;
        height:0;
        padding-top:66%
    }
     .story-preview .one-half{
        position:relative;
        width:calc(100% - 16px);
        background-color:#EDEDEA;
        padding-top:15px;
        padding-left:15px;
        padding-right:15px;
        margin:-48px 8px -20px
    }
}
 @media screen and (min-width:768px){
    .story-preview .row{
        position:static
    }
     .story-preview .bg-image-cover::after,.story-preview .bg-images{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0
    }
     .story-preview .bg-image-cover::after{
        content:'';
        background-color:rgba(255,255,255,.85)
    }
     .story-preview .one-half{
        position:relative;
        padding-left:48px;
        padding-right:48px
    }
     .story-preview.story-right .one-half{
        float:right
    }
     .story-preview.story-right .bg-image-cover::after{
        width:50vw;
        left:50%
    }
     .story-preview.story-left .bg-image-cover::after{
        width:50vw;
        left:0
    }
}
 @media screen and (min-width:1800px){
    .story-preview .bg-images{
        width:1800px;
        left:50%;
        right:auto;
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
 :target::before{
    content:"";
    display:block;
    height:30px;
    margin:0
}
 @media screen and (min-width:40em){
    :target::before{
        height:60px;
        margin:-60px 0 0
    }
     ul.two-column{
        column-count:2;
        column-gap:32px
    }
}
 .ticker-section a:focus,.ticker-section a:hover{
    text-decoration:underline
}
 .panel :target::before{
    height:90px;
    margin:-90px 0 0
}
 fieldset.checkboxes label{
    margin-left:.25rem;
    margin-right:.5rem
}
 .filter.hide-labels .checkboxes label{
    display:inline-block
}
 .section.pad-b-0{
    padding-bottom:0
}
