/* - ++resource++umich_css/navigation.css - */
@media screen {
/* http://www.engin.umich.edu/portal_css/++resource++umich_css/navigation.css?original=1 */
#skip a,
#skip a:hover,
#skip a:visited {
position: absolute;
left: -9999px;
top: 0px;
width: 1px;
height: 1px;
overflow: hidden;
z-index: 9999;
text-align: center;
}
#skip a:active,
#skip a:focus {
position: absolute;
left: 50%;
margin-left: -80px;
width: 160px;
height: auto;
color: #fff;
}
nav li {
display: inline-block;
position: relative;
}
.lt-ie8 nav li {
float: left;
}
nav li li {
display: block;
}
.lt-ie8 nav li li {
float: none;
}
nav li a {
position: relative;
text-decoration: none;
display: inline-block;
}
nav li div {
float: left;
z-index: 30;
position: absolute;
display: none;
background: #2c4f90;
padding: 30px 40px;
}
#mainBar {
width: 100%;
min-width: 900px;
height: 29px;
background-color: #ffcb05;
}
.lt-ie8 #mainBar {
position: absolute;
top: 56px;
z-index: 10;
}
#mainBar ul {
height: 29px;
width: 660px;
margin: 0 auto;
}
#mainBar li {
line-height: 29px;
}
#mainBar li li {}
#mainBar li a {
font: 16px/27px 'HelveticaNeueW01-57Cn', arial, sans-serif;
color: #212a55;
z-index: 10;
padding: 1px 9px;
-webkit-font-smoothing: antialiased;
letter-spacing: -.005em;
}
.no-js #mainBar li:hover,
.js #mainBar li.jsHover {}
.no-js #mainBar li:hover li,
.js #mainBar li.jsHover li {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#mainBar li.current a,
.no-js #mainBar li:hover a,
.js #mainBar li.jsHover a,
.js #mainBar li a:focus {
color: #fdb827;
background: #2c4f90;
z-index: 20;
}
.hasBreadcrumbs #mainBar li.current a:after,
.no-js #mainBar li:hover a:after,
.js #mainBar li.jsHover a:after {
content: " ";
display: block;
color: #fdb827;
width: 94%;
height: 10px;
position: absolute;
bottom: -5px;
left: 3px;
}
.no-js #mainBar li:hover ul a,
.js #mainBar li.jsHover ul a,
.js #mainBar li ul a:focus {
margin: 0;
font: 14px/18px arial, sans-serif;
color: #fff;
box-shadow: none;
}
.no-js #mainBar li:hover ul li,
.no-js #mainBar li:hover ul a,
.js #mainBar li.jsHover ul li,
.js #mainBar li.jsHover ul a {
height: auto;
line-height: 21px;
}
.no-js #mainBar li:hover ul a:after,
.js #mainBar li.jsHover ul a:after {
content: "";
display: none;
}
#mainBar li:hover ul a:hover,
#mainBar li:hover ul a:focus {
color: #fdb827;
}
#mainBar ul ul {
height: auto;
}
.no-js #mainBar li:hover div,
.js #mainBar li.jsHover div {
display: block;
margin-top: -1px;
}
.hasBreadcrumbs #mainBar li:hover div,
.js .hasBreadcrumbs #mainBar li.jsHover div {
margin-top: 0px;
}
.lt-ie8 #mainBar li:hover div,
.lt-ie8 #mainBar li.jsHover div {
margin-top: 29px;
display: inline-block;
}
.lt-ie8 .hasBreadcrumbs #mainBar li:hover div,
.lt-ie8 .hasBreadcrumbs #mainBar li.jsHover div {
margin-top: 55px;
display: inline-block;
}
.no-js .hasBreadcrumbs #mainBar li:hover a,
.js .hasBreadcrumbs #mainBar li.jsHover a {
height: 53px;
}
.no-js .hasBreadcrumbs #mainBar li:hover ul li,
.no-js .hasBreadcrumbs #mainBar li:hover ul a,
.js .hasBreadcrumbs #mainBar li.jsHover ul li,
.js .hasBreadcrumbs #mainBar li.jsHover ul a {
height: auto;
line-height: 21px;
}
#mainBar li div ul {
padding-right: 20px;
float: left;
width: auto;
}
.lt-ie8 #mainBar li div ul {
margin-left: 0;
}
#mainBar li div .last {
padding-right: 0;
}
#mainBar .about div {
width: 595px;
margin-left: -61px;
}
#mainBar .research div {
width: 292px;
margin-left: -116px;
}
#mainBar .academics div {
width: 258px;
margin-left: -125px;
}
#mainBar .admissions div {
width: 277px;
margin-left: -120px;
}
#mainBar .departments div {
width: 807px;
margin-left: -328px;
}
#mainBar .investing div {
width: 129px;
margin-left: -48px;
}
#mainBar .infoForYou div {
width: 365px;
margin-left: -150px;
}
.lt-ie8 #mainBar .about div {
width: 595px;
margin-left: -122px;
}
.lt-ie8 #mainBar .research div {
width: 292px;
margin-left: -190px;
}
.lt-ie8 #mainBar .academics div {
width: 256px;
margin-left: -210px;
}
.lt-ie8 #mainBar .admissions div {
width: 277px;
margin-left: -200px;
}
.lt-ie8 #mainBar .departments div {
width: 807px;
margin-left: -434px;
}
.lt-ie8 #mainBar .investing div {
width: 129px;
margin-left: -142px;
}
.lt-ie8 #mainBar .infoForYou div {
width: 365px;
margin-left: -250px;
}
#breadcrumbs {
width: 100%;
min-width: 900px;
height: 24px;
background-color: #465d85;
}
.lt-ie8 #breadcrumbs {
position: absolute;
top: 85px;
}
#breadcrumbs ul {
padding: 0 6%;
}
#breadcrumbs li {
line-height: 24px;
}
#breadcrumbs li li {}
#breadcrumbs li a {
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
line-height: 24px;
padding: 0 3px;
}
#breadcrumbs li.last a {
font-weight: bold;
}
#breadcrumbs li a:hover,
#breadcrumbs li a:focus {
color: ##a56c17 !important;
}
#breadcrumbs li.last a:hover,
#breadcrumbs li.last a:focus {
color: #fff;
}
#utility {
height: 95px;
width: 230px;
position: absolute;
top: 0px;
right: 16px;
z-index: 10;
background-color: #002a5b;
}
.subsiteHeader #utility {
top: -2px;
}
.lt-ie8 #utility {
z-index: 20;
top: 0px;
}
#utility ul ul {
height: auto;
}
#utility .contact {
float: left;
margin: 5px 0 0 15px;
}
#utility .contact a {
font: 10px arial, sans-serif;
color: #fff;
text-transform: uppercase;
}
#utility .contact a:hover,
#utility .contact a:focus {
color: #fbd827;
}
#utility .role {
float: right;
margin: 7px 15px 0 0;
width: 126px;
}
#utility .role a {
display: block;
text-align: right;
font: 10px/12px arial, sans-serif;
color: #fff;
padding-right: 8px;
background: url(++resource++umich_images/roleArrow.png) center right no-repeat;
}
#utility .role li a {
padding-right: 0;
background: none;
font: 14px/18px arial, sans-serif;
text-align: left;
box-shadow: none;
}
#utility .search {
position: absolute;
height: 38px;
padding: 8px 8px 0;
top: 36px;
left: 7px;
}
.lt-ie8 #utility .search {
display: inline;
}
#utility li span,
#utility li label {
display: block;
font: 10px arial, sans-serif;
color: #fff;
text-transform: uppercase;
}
#utility li.role span {
text-align: right;
}
#utility li input {
margin: 2px 0 0 -2px;
width: 205px;
border: 0;
height: 18px;
background: #fff;
}
#utility .search a {
background: #fff url(++resource++umich_images/searchIcon.png) 1px -17px no-repeat;
display: block;
width: 18px;
height: 18px;
position: absolute;
right: 9px;
margin-top: -19px;
}
.lt-ie8 #utility .search a {
margin-top: 4px;
}
#utility .search a:hover {
background-position: 1px 1px;
}
#utility li:hover ul a {
height: auto;
}
.roleChangeHover {
display: block;
margin: 0;
width: 140px;
padding: 20px;
padding-right: 25px;
position: absolute;
right: 0;
}
#utility .role:hover {}
#utility .role:hover li {
box-shadow: none;
}
#utility .role:hover a {
color: #fdb827;
}
#utility .role:hover ul a {
margin: 0;
font: 14px/18px arial, sans-serif;
color: #fff;
box-shadow: none;
}
#utility .role:hover ul a:hover,
#utility .role:hover ul a:focus {
color: #fdb827;
}
.lt-ie8 #utility .role,
.lt-ie8 #utility nav li div {
z-index: 20;
}
#col1 {
padding-top: 35px;
margin: 0 0 90px;
float: left;
z-index: 5;
width: 260px;
}
.sideNav {
position: relative;
}
.sideNav ul {
width: 100%;
margin: 0;
}
.sideNav ul ul ul {
margin: 0 0 0 10px;
}
.sideNav ul li a {
padding: 9px 10px 9px 20px;
/* */
margin-bottom: 1px;
display: block;
font: 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #273d67;
font-weight: bold;
/* */
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbd32), to(#c79427));
/* */
background-image: -webkit-linear-gradient(top, #ffbd32, #c79427);
/* */
background-image: -moz-linear-gradient(top, #ffbd32, #c79427);
/* */
background-image: -ms-linear-gradient(top, #ffbd32, #c79427);
/* */
background-image: -o-linear-gradient(top, #ffbd32, #c79427);
/* */
background-image: linear-gradient(top, #ffbd32, #c79427);
/* */
transition: all 0.5s ease;
}
.lt-ie8 .sideNav .first > a {
width: 195px;
}
.sideNav .first > a:hover,
.sideNav .first > a:focus {
color: #212a55;
}
.sideNav ul li li a {
font: 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: .02em;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
/* */
background: rgb(39, 61, 103);
/* */
background: -moz-linear-gradient(top, rgba(39, 61, 103, 1) 0%, rgba(36, 53, 85, 1) 100%);
/* */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(39, 61, 103, 1)), color-stop(100%, rgba(36, 53, 85, 1)));
/* */
background: -webkit-linear-gradient(top, rgba(39, 61, 103, 1) 0%, rgba(36, 53, 85, 1) 100%);
/* */
background: -o-linear-gradient(top, rgba(39, 61, 103, 1) 0%, rgba(36, 53, 85, 1) 100%);
/* */
background: -ms-linear-gradient(top, rgba(39, 61, 103, 1) 0%, rgba(36, 53, 85, 1) 100%);
/* */
background: linear-gradient(to bottom, rgba(39, 61, 103, 1) 0%, rgba(36, 53, 85, 1) 100%);
/* */
transition: all 0.5s ease;
}
.sideNav ul li .current > a,
.sideNav ul li li a:hover,
.sideNav ul li li a:focus {
font: 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
letter-spacing: .02em;
display: block;
padding: 9px 10px 9px 20px;
/* */
background: rgb(55, 93, 159);
/* */
background: -moz-linear-gradient(top, rgba(55, 93, 159, 1) 0%, rgba(48, 78, 130, 1) 100%);
/* */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(55, 93, 159, 1)), color-stop(100%, rgba(48, 78, 130, 1)));
/* */
background: -webkit-linear-gradient(top, rgba(55, 93, 159, 1) 0%, rgba(48, 78, 130, 1) 100%);
/* */
background: -o-linear-gradient(top, rgba(55, 93, 159, 1) 0%, rgba(48, 78, 130, 1) 100%);
/* */
background: -ms-linear-gradient(top, rgba(55, 93, 159, 1) 0%, rgba(48, 78, 130, 1) 100%);
/* */
background: linear-gradient(to bottom, rgba(55, 93, 159, 1) 0%, rgba(48, 78, 130, 1) 100%);
/* */
transition: all 0.5s ease;
}
.sideNav ul li .current > a {
font-weight: bold;
}
.sideNav ul li .current > a:hover {
font-weight: bold;
}
.sideNav ul ul ul,
.sideNav ul li .current li li,
.sideNav ul li .hasCurrent li,
.sideNav ul li .hasCurrent ul ul {
display: none;
}
.sideNav ul li .current,
.sideNav ul .current ul,
.sideNav ul li .current ul,
.sideNav ul li .current li,
.sideNav ul li .hasCurrent,
.sideNav ul li .hasCurrent ul,
.sideNav ul li .hasCurrent .current,
.sideNav ul li .hasCurrent .hasCurrent,
.sideNav ul li .hasCurrent .current ul,
.sideNav ul li .hasCurrent .hasCurrent ul,
.sideNav ul li .hasCurrent .hasCurrent li {
display: block;
}
.sideNav .first > a span {
color: #aa7b19;
background: url(++resource++umich_images/sideNavFirstExpandBtn.png) 4px 14px no-repeat;
}
.sideNav .first > a span.open {
line-height: .4;
background: url(++resource++umich_images/sideNavFirstContractBtn.png) 4px 14px no-repeat;
}
.sideNav a span {
background: url(++resource++umich_images/sideNavExpandBtn.png) 4px 11px no-repeat;
font: normal 16px arial, sans-serif;
line-height: .6;
color: #94a4c2;
width: 25px;
height: 100%;
display: block;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
cursor: pointer;
}
.sideNav a span.open {
line-height: .4;
background: url(++resource++umich_images/sideNavContractBtn.png) 4px 11px no-repeat;
}
footer {
width: 100%;
min-width: 990px;
background: #00274c;
z-index: 15;
position: absolute;
bottom: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #fff;
text-transform: uppercase;
border-top: #0b5595 5px solid;
font-weight: normal;
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer p {
margin: 0;
padding: 0;
font-weight: normal !important;
}
.portaltype-uom-events-eventcalendar footer {
position: relative !important;
}
/* */
footer div.left {
position: absolute;
left: 0;
}
footer .left img {
height: 85px;
margin-left: 3px;
width: auto;
}
footer .left span.left {
position: absolute;
left: 88px;
top: 8px;
min-width: 650px;
}
footer span.safety {
color: #ffcb0b;
}
/* */
footer div.right {
position: absolute;
right: 0;
top: 10px;
min-width: 300px;
}
footer .right img {
position: relative;
width: 25px;
float: left;
margin-right: 15px;
}
footer .right img:hover {
opacity: 0.7;
}
footer .right .top {
position: absolute;
top: 0;
right: 0;
}
footer .right .bottom {
position: absolute;
top: 40px;
right: 0px;
}
/* */
footer {
background: #0d3255 !important;
color: #fff;
height: 229px;
text-transform: none !important;
font-size: 1em;
line-height: 1.6em;
}
footer ul {
width: 21%;
padding: 0 2%;
margin: 2rem 0;
float: left;
border-left: 1px solid #046;
min-height: 130px;
}
footer.department ul {
width: 28%;
padding-left: 4%;
margin: 2rem 0;
float: left;
border-left: 1px solid #046;
min-height: 130px;
}
footer ul:first-child {
padding-left: 0;
border-left: none;
}
footer ul li {
list-style-type: none;
}
footer ul.social-icons li {
height: 25px;
margin: 0 auto 20px;
line-height: 20px;
}
footer h2 {
font-family: 'HelveticaNeueW01-57Cn', "Roboto Condensed", "Arial Narrow", arial, sans-serif;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.025rem;
}
footer ul li.logo,
footer h2 {
margin-bottom: 10px;
height: 30px;
}
footer .dept.logo img {
margin: -3px 0 3px 0;
}
footer ul span {
float: left;
line-height: 1.5rem;
margin-right: 2rem;
}
footer ul span li::before {
content: '\203A ';
padding-right: 5px;
}
footer ul li a.giving {
color: #ffcb0b;
}
footer .main {
max-width: 70.5rem;
margin: 0 auto;
}
footer .social-icons li span {
position: relative;
font-size: 15px;
float: left;
margin-right: 15px;
}
footer .social-icons .fa-inverse {
color: #0d3255;
}
footer .app img.left {
float: left;
padding: 2px 15px 30px 0;
}
footer .bottom-bar {
clear: both;
background: #024;
height: 29px;
line-height: 29px;
font-size: 0.7rem;
text-transform: uppercase;
}
footer .bottom-bar span {
display: block;
max-width: 70.5rem;
margin: 0 auto;
}
footer .social-icons a .fa-circle,
footer .social-icons a:hover .fa-circle {
transition: all 0.5s ease !important;
}
footer .social-icons a[href*=twitter]:hover .fa-circle,
footer .social-icons a[href*=twitter]:focus .fa-circle {
color: #00aced;
}
footer .social-icons a[href*=facebook]:hover .fa-circle,
footer .social-icons a[href*=facebook]:focus .fa-circle {
color: #4c6aa9;
}
footer .social-icons a[href*=instagram]:hover .fa-circle,
footer .social-icons a[href*=instagram]:focus .fa-circle {
color: #517fa4;
}
footer .social-icons a[href*=youtube]:hover .fa-circle,
footer .social-icons a[href*=youtube]:focus .fa-circle {
color: #bb0000;
}
footer .social-icons a[href*=linkedin]:hover .fa-circle,
footer .social-icons a[href*=linkedin]:focus .fa-circle {
color: #007bb6;
}
footer .social-icons a[href*=tumblr]:hover .fa-circle,
footer .social-icons a[href*=tumblr]:focus .fa-circle {
color: #436a7e;
}
footer .social-icons a[href*=google]:hover .fa-circle,
footer .social-icons a[href*=google]:focus .fa-circle {
color: #dd4b39;
}
footer .social-icons a[href*=snapchat]:hover .fa-circle,
footer .social-icons a[href*=snapchat]:focus .fa-circle {
color: #fffc00;
}
footer .social-icons a[href*=pinterest]:hover .fa-circle,
footer .social-icons a[href*=pinterest]:focus .fa-circle {
color: #cb2027;
}
footer .social-icons a[href*=flickr]:hover .fa-circle,
footer .social-icons a[href*=flickr]:focus .fa-circle {
color: #ff0084;
}
footer .social-icons a:hover .fa-circle,
footer .social-icons a:focus .fa-circle {
text-shadow: 0 0 15px #071e33;
transition: all 0.5s ease !important;
}
footer .social-icons a:hover .fa-inverse,
footer .social-icons a:focus .fa-inverse {
transition: all 0.5s ease !important;
}
.section-ioe footer {
height: 247px;
position: relative !important;
}
.section-ners footer {
height: 284px;
position: relative !important;
}
.section-name footer {
height: 247px;
position: relative !important;
}
.section-aero footer,
.section-che footer {
height: 266px;
position: relative !important;
}
.section-aero .socialFeedsHolder,
.section-che .socialFeedsHolder {
bottom: 271px;
}
.section-mconnex .socialFeedsHolder {
bottom: 255px;
}
.section-mconnex footer {
height: 247px;
position: relative !important;
}
div#off-canvas-footer-text {
line-height: 1.8;
margin-top: 1rem;
}
@media (max-width: 1024px) {
footer {
width: 100%;
height: auto !important;
position: initial;
}
footer .main ul {
width: 90%;
padding: 0 5%;
float: none;
display: block;
margin: 3rem 0;
border: none;
;
}
footer .bottom-bar {
width: 100vw;
height: initial;
line-height: 1.68;
padding: 1rem 0;
}
footer .bottom-bar span {
margin: 0;
padding: 0 5%;
width: 90%;
}
.socialFeedsHolder {
display: none;
}
footer span.right {
float: none;
}
}
.sideNav .current > a,
#breadcrumbs .last > a {
cursor: default;
}
section#social-header ul li a {
color: #fff;
margin-top: 0px;
}
section#social-header ul li form input#q {
margin-top: 0.25rem;
}
body.section-mconnex section#social-header ul li form input#q {
width: 98%;
}
body.section-mconnex section#social-header ul li form i.fa-search {
position: absolute;
top: 1.7rem;
right: -1.5rem;
}
.aero-about div {
width: 425px;
margin-left: -61px;
}
.aero-research div {
width: 160px;
margin-left: -77px;
}
.aero-academics div {
margin-left: -65px;
}
.aero-giving div {
width: 237px;
margin-left: -118px;
}
.aero-infoForYou div {
width: 175px;
margin-left: -82px;
}
.aero-people div {
width: 160px;
margin-left: -82px;
}
.nersabout div {
width: 376px;
margin-left: -61px;
}
.nersresearch div {
width: 160px;
margin-left: -77px;
}
.nersacademics div {
margin-left: -65px;
}
.nerspeople div {
width: 160px;
margin-left: -58px;
}
.nersgiving div {
width: 130px;
margin-left: -79px;
}
.nersinfoForYou div {
width: 175px;
margin-left: -82px;
}
.section-ners .tab-bar-section {
background: url("++resource++umich_images/CoE-NERS-horiz-rev-PMS.svg") 15px center no-repeat;
background-size: 100px !important;
}
.section-che .tab-bar-section {
background: url("++resource++umich_images/CoE-ChE-horiz-rev-PMS.svg") 15px center no-repeat;
background-size: 250px !important;
}
.section-aero .tab-bar-section {
background: url("++resource++umich_images/CoE-Aero-horiz-rev-PMS.svg") 15px center no-repeat;
background-size: 250px !important;
}
.section-mconnex .tab-bar-section {
background: url("++resource++umich_images/CoE-MConnex-horiz-rev-PMS.svg") 15px center no-repeat;
background-size: 100px !important;
}
.section-ioe .tab-bar-section {
background: url("/engin/++resource++umich_images/CoE-IOE-header.svg") 15px center no-repeat !important;
background-size: 100px;
}
.ioeabout div {
width: 376px;
margin-left: -61px;
}
.ioeresearch div {
width: 160px;
margin-left: -77px;
}
.ioeacademics div {
margin-left: -65px;
}
.ioepeople div {
width: 160px;
margin-left: -58px;
}
.ioegiving div {
width: 130px;
margin-left: -79px;
}
.ioeinfoForYou div {
width: 175px;
margin-left: -82px;
}
.section-name .tab-bar-section {
background: url("/engin/++resource++umich_images/CoE-NAME-header.svg") 15px center no-repeat !important;
background-size: 100px;
}
.nameabout div {
width: 376px;
margin-left: -61px;
}
.nameresearch div {
width: 160px;
margin-left: -77px;
}
.nameacademics div {
margin-left: -65px;
}
.namepeople div {
width: 160px;
margin-left: -58px;
}
.namegiving div {
width: 130px;
margin-left: -79px;
}
.nameinfoForYou div {
width: 175px;
margin-left: -82px;
}
.mconnexabout div {
width: 376px;
margin-left: -61px;
}
.mconnexresearch div {
width: 160px;
margin-left: -77px;
}
.mconnexacademics div {
margin-left: -65px;
}
.mconnexpeople div {
width: 160px;
margin-left: -58px;
}
.mconnexgiving div {
width: 130px;
margin-left: -79px;
}
.mconnexinfoForYou div {
width: 175px;
margin-left: -82px;
}
.sideNav ul li.first * {}
.sideNav ul li ul * {
/* */
border-radius: 0 0 0 0 !important;
behavior: none !important;
}
li.academics.hasCurrent.first {
width: 86.5%;
}

}