body {margin:0; padding:0; font-family: 'Gotham SSm A', 'Gotham SSm B' !important; font-weight: 300; font-style: normal;}

/* Hide */
.menu-wrap {display:none;}
.hide {display:none;}


/* Header */
.header-wrap {width:100%; height:140px; position:relative; top:0; z-index:1; background-color:rgba(0,0,0,.5)}
.header {width:94%; padding:20px 3% 0 3%; color:#FFFFFF}
.header .isp {font-size:22px; font-weight:200; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4); margin-bottom:4px}
.header .isp a, .header .subtitle a {color:#FFFFFF; text-decoration:none}
.header .isp a:hover, .header .subtitle a:hover {color:#D8D8D8;}
.header .subtitle {font-size:28px; font-weight:500; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);}



/* Background Image */
.background-image {width:100%;height:716px;background-size:auto auto;background-position:center;position:relative;z-index: 1;}
#intro-wrapper {
    width:512px;
    top:394px;
    background-color:transparent;
    background:transparent;
    position:absolute;
    color:#FFFFFF;
    z-index:0;
    left: 50%;
    margin-left: -256px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
#intro-wrapper h2 {font-size:22px; line-height:25px; text-align:center; font-weight:200;}
#intro-wrapper h2 a {color:white; text-decoration:none}
#intro-wrapper p {font-size:18px; line-height:22px; text-align:center; font-weight:300;}

/* Subpage BG */
.subpage-bg {background-image:url(../images/subpage-bg.png); background-repeat:repeat-x; background-position:top;}

/* Four Bucket photos */
#features .feature {width:50%; height:200px; margin-left:0; background-repeat:no-repeat; background-position:top center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; margin-top:3px}
#features .feature:nth-child(1) {border-right:3px solid #fff;}
#features .feature:nth-child(3) {border-right:3px solid #fff;}
.home-bucket-pull-up {margin-top:-152px}
.features-wrapper {}
.features-wrapper .row {margin:0;}
#features {color:#fff;}
.feature:hover {cursor: pointer; background-color:#FFFFFF !important}
#features a {display:block; position:relative; text-decoration:none; width:100%; height:100%; cursor:pointer; color:#fff;}
#features .feature:hover {opacity: .8}
#features .one p, #features .two p, #features .three p, #features .four p  {margin:0; text-transform:none; font-size:22px; line-height:22px; letter-spacing:-1; font-weight:300; text-align:center;}
#features div.feature.bottom-align-text p {padding: 115px 4px 0 4px;}
.featured-events-time-and-place {
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Subpage */
.subpage-title-wrap {width:100%; height:auto; padding-top:35px; border-bottom:1px solid #e6e7e8; clear:both; position:relative; }
.subpage-title {width:97%; height:auto; position:relative; margin:0 auto; padding-left:3%}
.subpage-title h1 {color:#585858; font-size:30px; font-weight:300; }
.subpage-breadcrumbs { width: 980px; height: auto; position: relative; margin: 0 auto; padding-left: 22px; font-size: 12px; padding-bottom: 20px;}
.subpage-breadcrumbs a{ color: #636c6d;}
.subpage-breadcrumbs a:hover { color: #000000;}
.ccm-autonav-breadcrumb-sep::after{ content: '/'; font-size: 14px; color: #999; margin-top: 5px; }
.ccm-autonav-breadcrumb-sep{ font-size: 0px; }

/* Four Bucket white */
.utilities-wrapper {background-color:#fff; height:auto; width:100%; margin-bottom:30px;}
#utilities {margin:0 auto; padding-top:30px; width:100%; max-width:1280px; overflow:hidden; height:auto; text-align:center; color:#838383; font-size:18px}
#utilities .utility {border-bottom:0; border-top:0; min-height:125px; width:25%; border-right:1px solid #b8b8b8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left}
#utilities .utility:nth-child(3) {border-left:1px solid #b8b8b8; padding-top:23px}
#utilities .utility:nth-child(4), #utilities .utility:nth-child(2) {border-right:none;}
#utilities a {color:#838383; text-decoration:none}
#utilities a:hover {color:#4F4F4F;}
#utilities img {margin-bottom:10px; padding-top:20px}
.vetp #utilities .utility {
    padding: 0 24px;

}
.vetp #utilities {
    font-size: 22px;
}
/* Basics */
p, h1, h2, h3 {margin:0 0 20px 0 }
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {/*display:block;*/ clear:both}
area {outline:none;}
img {border:none;}
.wysiwyg-div {float:left; width:100%}
hr {border: none; border-bottom:1px solid #CCCCCC; margin:20px 0}


/* Typography */
.first-paragraph {font-size:20px !important; font-weight:100; line-height:28px !important;}
.indent {padding-left:290px; display:block}
.indent-photo {float:left; width:242px; height:auto; margin:6px 0 10px 0; font-size:12px !important; color:#787878; line-height:18px !important; display:block}
#intro-wrapper .more {color:#FFFFFF; background-color:#000000; font-size:12px; webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:8px 12px; text-align:center; text-decoration:none !important; position:relative; margin:0 auto; width:60px; display:block; text-shadow:none}
#intro-wrapper .more:hover {background-color:#fff !important; color:#000 !important}
.fuzzy-shadow {text-shadow:0px 0px 20px #000, 1px -1px 20px #000, -1px 1px 20px #000; line-height: 35px !important;}
p.fuzzy-shadow {line-height: 25px!important;}
.featured-smaller-text {font-size:14px !important; clear:both}
.featured-top-positioning {padding:20px 4px 0 4px}
.featured-middle-positioning {padding:70px 4px 0 4px}
.featured-bottom-positioning {padding:110px 4px 0 4px}
.featured-top-positioning-with-shadow {padding:20px 4px 0 4px; text-shadow:0px 0px 20px #000, 1px -1px 20px #000, -1px 1px 20px #000;}
.featured-middle-positioning-with-shadow {padding:70px 4px 0 4px; text-shadow:0px 0px 20px #000, 1px -1px 20px #000, -1px 1px 20px #000;}
.featured-bottom-positioning-with-shadow {padding:110px 4px 0 4px; text-shadow:0px 0px 20px #000, 1px -1px 20px #000, -1px 1px 20px #000;}
.featured-events-date {font-size:16px !important; padding:30px 0 16px 0 !important; }
.featured-events-title {font-size:29px !important; font-weight:900 !important; line-height:27px !important; margin:0 0 16px 0 !important; padding:0 20px !important}
.featured-events-time-and-place {font-size:14px !important; line-height:20px !important; margin:0 !important; padding:0 !important}
.photo-with-caption {font-size:12px !important; color:#787878; line-height:16px !important;}
.photo-with-caption img {margin-bottom:8px; display:block}

img.left-pic-top,
img.left-pic-small-top,
img.left-pic-medium-top,
img.left-pic-large-top,
.left-pic-top img,
.left-pic-small-top img,
.left-pic-medium-top img,
.left-pic-large-top img
{float:left; margin:5px 25px 30px 0; max-width:350px; width: 100%; height:auto}

img.left-pic-middle ,
img.left-pic-small-middle,
img.left-pic-medium-middle,
img.left-pic-large-middle,
.left-pic-middle img,
.left-pic-small-middle img,
.left-pic-medium-middle img,
.left-pic-large-middle img
{float:left; margin:30px 25px 30px 0; max-width:350px; width: 100%; height:auto}


img.left-pic-bottom,
img.left-pic-small-bottom,
img.left-pic-medium-bottom,
img.left-pic-large-bottom,
.left-pic-bottom img,
.left-pic-small-bottom img,
.left-pic-medium-bottom img,
.left-pic-large-bottom img
{float:left; margin:30px 25px 0 0; max-width:350px; width: 100%; height:auto}

img.left-pic-small-top,
img.left-pic-small-middle,
img.left-pic-small-bottom,
.left-pic-small-top img,
.left-pic-small-middle img,
.left-pic-small-bottom img
{max-width: 225px;}

img.left-pic-medium-top,
img.left-pic-medium-middle,
img.left-pic-medium-bottom,

.left-pic-medium-top img,
.left-pic-medium-middle img,
.left-pic-medium-bottom img
{max-width: 350px;}

img.left-pic-large-top,
img.left-pic-large-middle,
img.left-pic-large-bottom,
.left-pic-large-top img,
.left-pic-large-middle img,
.left-pic-large-bottom img
{max-width: 550px;}

@media only screen and (max-width: 651px) {
    img.left-pic-top,
    img.left-pic-middle,
    img.left-pic-bottom,
    .left-pic-top img,
    .left-pic-middle img,
    .left-pic-bottom img
    {float:none; margin:20px 0; width:100%; height:auto}
}

/* Stage */
.stage-wrap {width:100%; height:auto; position:relative; display:block; margin-bottom:50px;}
.stage {width:94%; height:auto; padding:3%; position:relative; margin:auto}
.left-stage, .right-stage {width:100%; height:auto}
.left-stage {border-bottom:1px dotted #849a97; margin-bottom:20px}
.left-stage p, .centered-stage p {font-size:16px; line-height:24px; font-weight:300;}
.left-stage select {width:100%; height:32px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0;}
.right-stage h2, .centered-stage h2 {font-size:25px; font-weight:300; line-height:34px;}
.right-stage h3, .centered-stage h3 {font-size:20px; margin:0; font-weight:300; line-height:28px;}
.right-stage h4, .centered-stage h4 {font-size:22px; font-weight:300; line-height:28px; margin:0;}
.right-stage h5, .centered-stage h5 {font-weight:300; margin:0 0 20px 0}
.right-stage p {line-height:24px;}
.black-text {color:#000000}
.left-stage a, .right-stage a, .centered-stage a {color:#636c6d;}
.left-stage a, .right-stage p a, .right-stage ul a, .right-stage ol a, .centered-stage p a, .centered-stage ul a, .centered-stage ol a {
    font-weight: inherit;
    text-decoration: underline;
}
.left-stage a:hover, .right-stage a:hover, .centered-stage a:hover {color:black;}
.right-stage h4 a, .centered-stage h4 a {color:#000000; text-decoration:none;}
.right-stage h4 a:hover, .centered-stage h4 a:hover {color:#636c6d;}
.centered-stage li {line-height:24px; margin-bottom:5px;}

/* Forms */
input {width:100%; height:36px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
select {width:100%; height:36px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea {width:100%; height:180px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0; font-family:inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.stage-wrap input[type="checkbox"]{
    display: inline-block;
    width: 15px;
    height: auto;
}

.checkboxPair, .radioPair{
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
}
.checkboxPair label, .radioPair label{
    font-weight: 300;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size:  14px;
}

.sem-legend{
    font-weight: 500;
}
.sem-checkbox-label, .sem-radio-button-label{
    display: block;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 300;
}


.stage-wrap textarea {width:100%; height:180px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0; font-family:inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.sem-field-9  {width:100.4%; height:46px; padding:1%; font-size:12px; color:#9B9B9B; margin:0 0 14px 0;}
.sem-label, .sem-legend {display:block;  margin:0;}
label {display: inline-block; max-width: 100%; margin-bottom: 0; font-weight:normal;}
.sem-submit, .submit {width:auto !important; height:auto !important; padding:12px 22px !important; color:#FFFFFF !important; background-color:#525f5d !important; border:none !important; font-weight:100; font-size:16px; font-family:inherit }

/* Directory */
.directory {margin-bottom:20px; border-bottom:1px solid #e6e7e8;}
.directory .name {font-size:22px !important; font-weight:500; display:block;margin-bottom:10px;}
.directory .name-link {color:#636c6d !important; text-decoration:none}
.directory .name-link:hover {color:#000 !important;}
.directory .title {font-weight:300; display:block; margin:5px 0}
.directory .bio {display:block; margin:5px 0 0 0; font-size:12px}
.directory .bio-photo {float:left; margin:5px 20px 30px 0;}
.directory .back {float:right;}
.directory .bio-info {margin:0 0 30px 0; display:none}
.directory .bio-link {color:#636c6d}
.directory .bio-link:hover {color:#000}
.sem-search-input {margin:20px 0;}
.sem-sort-form-sort-by, .sem-sort-form-sort-order {height:30px;}
.sem-search-reset, .sem-search-submit {width:auto !important; height:auto !important; padding:6px 12px !important; color:#FFFFFF !important; background-color:#525f5d !important; border:none !important; font-weight:100; font-size:12px; font-family:inherit; }
.numbers {padding:0 8px}
#link-directory {width:114px; float:left; margin-left:10px; height:30px !important; position:relative; margin-right: 5px;}
.filter-by-unit {font-weight:normal; float:left}
.filter-by {margin:0 0 30px 0; display:flex}
.sem-unit-submit {width: 60px; height: 30px; background-color: #525f5d!important; border: none; color: white; margin-top: -4px;}
#link-directory {top: -4px!important;}
#filterByAffil {width: 122px; height: 30px; margin-top: -5px; margin-left: 5px;}
.filterByAffil {width: 233px;}
.sem-sort-elements {font-weight: normal;}

/* Event */
#events dl { margin:0; padding:0; }
#events dt { float:left; margin: 5px 0 0 0; padding:0; font-weight:500; clear:left }
#events dd { float:left; margin: 5px 0 0 0; padding:0 0 0 5px; }
#events .event-title a { font-size:24px; font-weight:500 }
#events .event-description { clear:left; padding-bottom:25px; }
#events .event-control { cursor:pointer }
#events .event-hidden { display:none; line-height:24px }
#events .event-date { float:left; clear:left; min-width:1px; width:70px; margin:5px 30px 0 0 }
#events .event-date-background { padding:10px; border-radius:5px; background-color:#444; color:white; }
#events .event-info { float:left;  min-width:1px; width:80%;}
.events-list {border-bottom:1px solid #ccc; margin-bottom:20px;}
#events .event-month { text-align:center; font-size:18px; }
#events .event-day { text-align:center; font-size:32px; font-weight:900; margin-top:-5px; }
#events .pageNav ul { margin:0; padding:0; clear:left; }
#events .pageNav ul li { margin:0; padding:0 10px 0 0; list-style:none; float:left }
#events .pageNav ul li.pageActive { font-weight:bold; }
#events .pageNav .clear { clear:both }
.event-control {display:inline-block; margin:10px 0 0 0 !important; color:#636c6d; font-weight:500}
.event-hidden {margin-top:10px}
.event-hidden p {font-family: inherit !important; font-weight:300 !important; font-size:16px !important; }
.event-description p {font-family: inherit !important; font-weight:300 !important; font-size:16px !important; }
.back-to {position:absolute; top:-42px !important; right:20px; font-weight:500 }
.events-list .event-info {border-bottom:1px solid #ccc; margin-bottom:20px;}
/** Event Image Changes requested in May 2022 **/
.image.image_resized {display: block; box-sizing: border-box; }
.image.image_resized img {width: 100%; padding: 10px;}
.image.image_resized > figcaption {display: block;}
.image-style-side {max-width: 50%; float: right; margin-left: var(--ck-image-style-spacing);}


/* News */
#news dl { margin:8px 0 8px 0; padding:0; display:flex}
#news dt { float:left; padding:0; margin:0; font-weight:500; clear:left; }
#news dd { float:left; padding:0 0 0 5px; margin:0; }
#news .news-title a {font-size:24px !important; text-decoration:none !important; font-weight:500;}
#news .news-title {margin-bottom:24px; font-size:24px}
#news .news-description { clear:left; margin:10px 0 0 0; }
#news .news-info { float:left; clear:left; width:auto; padding-bottom:30px; }
#news .news-list {border-bottom:1px solid #ccc; margin-bottom:20px;}
#news .news-photo { float:right; min-width:1px; max-width:230px !important; margin:5px 0 0 40px; font-size:14px; }
#news .pageNav ul { margin:0; padding:0; clear:left; }
#news .pageNav ul li { margin:0; padding:0 10px 0 0; list-style:none; float:left }
#news .pageNav ul li.pageActive { font-weight:bold; }
#news .pageNav .clear { clear:both }
#news .right-arrow {position:relative; top:3px}
#news .read {font-weight:500; margin-top:5px}
#news .caption {font-size:12px !important; color:#787878 !important; line-height:16px !important;}
#news b {font-weight:500;}
#news img {max-width:100%; height:auto !important}

/* Pagination and department search */
.department-dropdown {position:relative}
.department-dropdown-select {padding:5px; width:40% !important;}
.pageNav:first-of-type {position:relative; margin-bottom:30px; width:100%; display:inline-block}



@media only screen and (min-width: 991px) {
    /* Show */
    .menu-wrap {display:block;}

    /* Hide */
    #mobilemenu, .u-nav-btn {display:none !important;}

    /* Subpage BG */
    .subpage-bg {background-image:url(../images/subpage-bg.png); background-repeat:repeat-x; background-position:top}

    /* Header */
    .header-wrap {width:100%; height:118px; position:relative; top:0; z-index:1; background-color:rgba(0,0,0,.5)}
    .header {width:960px; padding:13px 15px 0 15px; position:relative; margin:0 auto;}
    .header-wrap .jcmu {padding-top:30px;}
    .header .msu-logo {margin-bottom:6px;}
    .header-wrap {background-color:#000000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.01) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.01)));
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.01) 100%);
        background: -o-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.01) 100%);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.01) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.01) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#0d000000',GradientType=0 );}


    /* Menu */
    .menu-wrap {width:100%;height:37px;background-color: rgba(82,95,93,.9);position:relative;z-index: 2;top:10px;}
    .menu {width:960px; padding:6px 15px 0 15px; position:relative; margin:0 auto}
    .menu ul {padding:0; margin:0;}
    .menu li {list-style:none; display:inline; margin-right:7px; padding-right:12px; border-right:#FFFFFF solid 1px; font-size:14px}
    body > div.menu-wrap > div > ul > li:nth-child(7) {border:none !important}
    .menu a {color:#ffffff; text-decoration:none}
    .menu a:hover {color:#c9d58e;}
    .home-menu-icon {float:left !important; position:relative; top:-2px; margin-right:0;}
    .jcmu-menu {top: -20px;}
    /* Background Image & Caption */
    .background-image {background-repeat: no-repeat; background-position: center; background-size:cover; width:100%; height:714px;}
    #intro-wrapper h2 {font-size:32px; line-height:27px}

    /* Four Bucket photos */
    .row {width: 100%; min-width: 0; margin-left: 0; margin-right: 0;}
    #features .feature:first-child {border-left:solid 3px #fff;}
    #features .feature {width:25%; margin:0 auto; padding:0; height:200px; float:left; display:inline-block; bottom:0; left:0; background-color:#8C8C8C; border-right:solid 3px #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .features-wrapper {/*margin-top:-152px;*/ height:auto; width:100%; overflow:hidden; background-color:#DDDDDD}
    #features {max-width:1280px; margin:0 auto; height:auto;}

    /* Subpage */
    .subpage-title-wrap {width:100%; height:auto; padding-top:35px; border-bottom:1px solid #e6e7e8; clear:both; position:relative; }
    .subpage-title {width:980px; height:auto; position:relative; margin:0 auto; padding-left:22px}
    .subpage-title h1 {color:#585858; font-size:30px; font-weight:300;}

    /* Four Bucket white */
    #utilities {font-size:28px;}
    #utilities img {margin-bottom:0; padding-top:0}

    /* Directory */
    .sem-sort-elements {margin-top:-152px; position:absolute;}
    .gencen-directory .sem-search-form .sem-sort-elements {margin-top: -50px !important;}
    .gencen-directory .sem-search-form .sem-search-input {margin-top: 102px !important;}


    .sem-sort-form-sort-by, .sem-sort-form-sort-order {height:30px;}
    .sem-search-input {top:-152px; left:342px; width:90px; height:15px; position:relative; color:#000}
    .sem-search-reset, .sem-search-submit {width:auto !important; height:auto !important; padding:6px 12px 7px 12px !important; color:#FFFFFF !important; background-color:#525f5d !important; border:none !important; font-weight:100; font-size:12px; font-family:inherit; top:-152px; left: 285px; width:185px; height:11px; position:relative;}
    .gencen-directory .sem-search-form .sem-search-submit {left:285px;}
    .sem-search-form {height:0}
    .sem-search-form-container {margin-top:-9px}
    #link-directory {width:180px; float:left; margin-left:5px; height:30px !important; position:relative; top:-6px}
    .filter-by-unit {font-weight:normal; float:left;}
    .filter-by {margin:-100px 0 0px 0; display:flex}
    .filterByAffil {width: 50%;}
    .sem-search-form-container{margin-top: 65px;}
    .right-stage .sem-search-form-container {margin-top: 159px;}
    .latin-directory .filter-by {margin: -90px 0 51px 0;}

    /* Event */
    .event-control {display:inline-block; margin:10px 0 0 0 !important; color:#636c6d; font-weight:500}
    .event-title a, .event-title {font-size:24px !important; text-decoration:none !important}
    .event-hidden p {font-family: inherit !important; font-weight:300 !important; font-size:16px !important;}
    .event-description p {font-family: inherit !important; font-weight:300 !important; font-size:16px !important; }
    .back-to {position:absolute; top:-30px !important; right:20px }
    .department-dropdown {position:absolute; top:-46px; right:-85px}
    .department-dropdown-select {padding:5px}

    /* Pagination and department search */
    .department-dropdown {position:absolute !important; top:-45px !important; right:-85px !important}
    .department-dropdown-select {padding:5px !important; width:150px !important}
    .pageNav:first-of-type {position:absolute !important; top:-43px !important; right:260px !important; margin-bottom:0 !important;  display:block !important; width:auto !important}

    /* Stage */
    .stage {width:760px; padding:60px 15px 0 15px;}
    .left-stage {float:left; width:240px; margin:2px 65px 50px 0; border:none}
    .right-stage {float:left; width:455px; margin-bottom:50px}
}







.sem-sort-form-sort-by, .sem-sort-form-sort-order {
    width: 104px;
}
.sem-search-input{
    left: 284px;
    width: 167px;
    height: 30px;
}


.isp-directory .sem-search-input{
    margin-top: -9px;
}


.screen-msuwordmark{
    max-width: 266px;
    width: 100%;
}



.isp-directory .sem-sort-elements{
    /* margin-top: -114px; */
}



footer#standard-MSU-footer #standard-footer-site-links ul li a{
    font-weight: bold;
}




.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu{
    margin-top:8px;
}



.bio-photo-faculty {
    float: left;
    margin: 5px 20px 80px 0;
}


.bio-photo-faculty-float {
    float: right;
    margin: 5px 20px 80px 0;
}



.formBlockSurveyTable input[type="checkbox"]{
    height: auto;
    margin: 3px;
    margin-left: 4px;
    padding: 0;
    width: auto;
}

/* AAP */
#utilities.aap .utility {
    width: 50%;
}
#utilities.aap .utility:nth-child(3) {
    border-left: none;
}
.aap-bucket {
    display: none;
}

.jl_magic_tabs_controls ul.tabs > li {
    font-size: .9em;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.jl_magic_tabs_controls ul.tabs > li > a,
.jl_magic_tabs_controls ul.tabs > li > a:hover
{

    background-color: #DDDDDD;
    color: black;
    color:	rgb(51, 51, 51);
    text-decoration: none;
    margin-left: 3px;
}
.jl_magic_tabs_controls ul.tabs > li:first-child > a{
    margin-left: 0px;
}
.jl_magic_tabs_controls ul.tabs > li > a.active,
.jl_magic_tabs_controls ul.tabs > li > a.active:hover
{
    border: 1px solid transparent;
    background-color: #606C6A;
    color: white;

}

.jl_magic_tabs_controls > ul.tabs {
    border-bottom: 3px solid #5F6C6A !important;

}


.jl_magic_tabs_controls ul.tabs > li{
    margin-bottom: 1px;
    margin-top: 1px;
}

.body-text-photo {
    color: #787878;
    display: block;
    float: left;
    font-size: 12px !important;
    height: auto;
    line-height: 18px !important;
    margin: 6px 0 10px;
    width: 242px;
}
@media (max-width: 950px) {
    .department-dropdown-select {width:120px}
    .header .isp {font-size:16px; margin:10px 0}
    .subtitle {font-size:16px !important;}
}
@media (max-width: 700px) {
    #utilities .utility {width:50%; }
    #utilities .utility:nth-child(2), #utilities .utility:nth-child(4) {border-right:0;}
    #utilities .utility:nth-child(3) {border-top:1px solid #b8b8b8;}
    #utilities .utility:nth-child(4) {border-top:1px solid #b8b8b8;}
    #utilities .utility:nth-child(1) {border-left:none;}
}

@media (max-width: 530px) {
    #intro-wrapper {max-width:calc(100vw - 20px); margin-left: calc((50vw - 10px) * -1)}
}

@media (max-width: 605px) {
    .studies-center-pic {float:none; margin:0 0 10px 0; width:100%; height:auto}
    .body-text {padding-left:0; width: 100%; float: none;  padding-left: 0 !important;}
    .body-text-photo, .body-text-photo img {float: none; width:100%; height:auto; }
    #events .event-info {width: 70% !important;}
    #news .news-photo {display:none;}
    .indent{
        clear: both;
        display: block;
        padding-left: 0px;
    }
    .indent-photo{
        float: none;
    }
    .sem-sort-form-sort-by, .sem-sort-form-sort-order, .filter-by .filter-by-unit, .filter-by form select, .sem-search-input {width: 100%;}
    .sem-sort-form-sort-by, .filter-by select {margin-top: 4px;}
    .filter-by {display: block;}
    #link-directory {width: 100%; margin-left: 0; margin-right: 0; margin-top: 8px;}
    .latin-directory .filterByAffil {width: 100%;}
    .latin-directory #filterByAffil {width: 100%; margin-top: 5px; margin-left: 0px;}
}
@media (max-width: 520px) {
    .header .subtitle {font-size:18px}
    .indent-photo {width: 100%;}
}
@media (max-width: 460px) {
    #features .feature {width:100%; height:200px; margin-left:0; background-repeat:no-repeat; background-position:top center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left; margin-top:3px}
    #utilities .utility {width:100%; border:none !important; border-bottom:1px solid #b8b8b8 !important;}
    #utilities .utility:nth-child(1) {padding-top:0px;}
    #features .feature:nth-child(1), #features .feature:nth-child(3), #features .feature:nth-child(4) {border:none;}
}
@media (max-width: 420px) {
    .msu-logo {width:220px; height:auto}
    .subtitle {font-size:13px !important;}
    .header .isp {font-size:13px;}
    .header-wrap {height:120px;}
}


.event-black{
    color: black;
}
.event-dropshadow{
    text-shadow:0px 0px 20px #000, 1px -1px 20px #000, -1px 1px 20px #000;
}

.event-date {
    font-size:16px !important;
    padding:30px 0 16px 0 !important;
}
.event-title {
    font-size:29px !important; font-weight:900 !important;
    line-height:27px !important;
    margin:0 0 16px 0 !important;
    padding:0 20px !important
}
.event-time-and-place {
    font-size:14px !important;
    line-height:20px !important;
    margin:0 !important;
    padding:0 !important
}

.event-smaller-text{
    font-size:14px !important;
    clear:both;
}
.radioPair{
    float: left;
}
.radioList{
    width: 100%;
}
.radioList:before,
.radioList:after {
    content: "";
    display: table;
}

.radioList{
    white-space: nowrap;
}

.radioList:after {
    clear: both;
}

.radioList{
    zoom: 1; /* ie 6/7 */
}
.radioPair label{
    padding-top: 10px;
    padding-right: 20px;
}
input[type=radio] {
    width: 12px;
    height: 12px;
}
.ccm-input-date-wrapper{
    display: block;
    padding-top: 10px;
}
.field {
    margin-bottom: 15px;
}

#events .event-date{
    margin: -25px 30px 0 0;
}

#events .event-title{
    padding-left: 0px !important;
}
.department-dropdown{
    top: -55px !important;
}
.pageNav:first-of-type{
    top: -50px !important;
}





.body-text {
    display: block;
    padding-left: 290px;
}
.studies-center-pic {
    float: left;
    margin: 6px 53px 30px 0;
}


.jl_magic_tabs_controls{
    clear: both;
}
.directory {
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e7e8 ;
    float: left;
    width: 100%;
}


.dropdown-menu li img{
    padding-left: 7px;
}

.vetp #utilities .utility.first p{
    padding-top: 20px;
}


/** Emergency Notifications **/
.emergency-notification-area{
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 1280px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
}

.header-wrap{
    z-index: 2;
}
#intro-wrapper{
    z-index: 1;
}
.emergency-notification{

    background-color: #FEFEFE;
    margin-top: 5px;
}

.emergency-notification:after, .emergency-notification-area:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.emergency-notification-icon{
    background-color: #e50000;
    height: 40px;
    width: 40px;
    color: white;
    line-height: 40px;
    text-align: center;
    font-size: 1.4em;
    float: left;
}
.emergency-notification-content{
    float: left;
    min-height: 14px;
    padding: 13px;
    font-size: 12px;
    line-height: 14px;
    width: calc(100% - 106px);
}
.emergency-notification-close{
    float: left;
    width: 40px;
    background-color: #C8CAC9;
    height: 40px;
    border: 0px;
    padding: 0px;
    line-height: 40px;
    cursor: pointer;
}
.emergency-notification-wrapper{
    display: none;
}

.emergency-notification{
    transition: 1s all;
    transform: scale(1);
    overflow: hidden;
    transform-origin: center top;
    max-height: 300px;

}

.emergency-notification.hide-notification{
    transform: scale(0);
    max-height: 0px;
}
.emergency-notification.hide-notification.notification-edit-mode{
    transform: scale(1);
    max-height: 300px;

}

.emergency-notification p{
    margin-bottom: 0px;
}
/** Emergency Notifications End **/

@media (max-width: 990px) {
    .department-dropdown{
        top: -9px !important;
    }
    .pageNav:first-of-type{
        top: -27px !important;
    }
    .sem-unit-submit {
        padding: 6px 13px !important;
        height: 36px;
        float: right;
    }
}
@media (max-width: 760px) {
    .sem-unit-submit {
        float: none;
    }
}


.sem-search-elements{
    display: block;

}

#news .news-list{
    width: 100%;
}

.jcmu-logo{
    margin-top: -30px;
    max-width: 70%;
}

@media (max-width: 990px) {
    .jcmu-logo{
        margin-top: -10px;
    }
    .subpage-breadcrumbs { width: 97%; padding-left: 3%; }
}
@media (max-width: 990px) and (min-width: 750px) {
	.oiss-social-media{padding: 23px 5%;}
	.oiss-social-media img {margin: -28px 0px;}
	.oiss-bucket-1{padding-bottom: 55px;}
}
@media (max-width: 749px) and (min-width: 701px) {
	.oiss-social-media{padding: 23px 4%;}
	.oiss-social-media img {margin: -28px 0px;}
	.oiss-bucket-1{padding-bottom: 55px;}
}
.sem-form select{
    width: auto;
}