@charset "UTF-8";
/*!
Theme Name: Engineering at Illinois 2017
Theme URI: http://underscores.me/
Author: Engineering IT
Author URI: https://it.engineering.illinois.edu/
Description: A flexible Engineering at Illinois branded theme with a banded page template and custom post types
Version: 4.8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: engineering-at-illinois-2017
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Engineering at Illinois 2017 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

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

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 16px;}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  color: #121b21;
  line-height: 1.8;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }
  a:visited {
    color: purple; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: flex !important;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }

  .main-navigation ul {
    display: block; } }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 0.8em; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.3333333333%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.6666666667%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.2857142857%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.1111111111%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
ul, menu, dir {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0; }

article ul {
  margin-left: 2.0em; }

article li {
  margin-bottom: 1em; }

* {
  -webkit-font-smoothing: antialiased; }

.wrapper {
  max-width: 1140px;
  margin: 0px auto;
  padding: 0 3% 0; }

h1 {
    font-size: 2.3em;
    line-height: 1;
    font-family: "Fjalla One", "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}

h2 {
  font-weight: 700;
  font-size: 1.6em;
  margin-bottom: 2rem;
  margin-top: 0;
  letter-spacing: -0.5px;
  font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
}

h3 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: #ff552e;
}

p + h3 {
    margin-top: 3rem;
}

h4 {
  margin-bottom: 0; }

a {
  color: #1d58a7;
  text-decoration: underline;
}

a:hover {
  color: #284C90;
  text-decoration: underline;
}

header a:hover {
    text-decoration: none;
}

td, th {
  background-color: #f4f4f4;
  border: 3px solid white;
  vertical-align: top;
  padding: 1.5%; }

th {
  background-color: #13294b;
  color: white;
  vertical-align: middle; }

a.button {
  border: 1px solid #284C90;
  border-radius: 0.2rem;
  background-color: transparent;
  color: #284C90;
  font-weight: 600;
  min-height: 46px;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  padding: 4px 2rem;
}

a.button:hover {
  background-color: #284C90;
  color: #ffffff;
  text-decoration: none;
}

.dark-gray-bg a.button,
.dark-blue-bg a.button,
.blue-overlay a.button,
.orange-bg a.button,
.orange-overlay a.button,
.gradient-overlay a.button {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.dark-gray-bg a.button:hover,
.dark-blue-bg a.button:hover,
.blue-overlay a.button:hover {
    border-color: #ff552e;
    background-color: #ff552e;
    color: #ffffff
}

.orange-bg a.button:hover,
.orange-overlay a.button:hover,
.gradient-overlay a.button:hover {
    border-color: #13294b;
    background-color: #13294b;
    color: #ffffff
}

a.button img {
  margin-right: 5px;
  padding-right: 5px; }

.img-holder {
  overflow: hidden;
  position: relative; }

.img-holder img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute; }

.has-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%; }

.flex-full {
  width: 100%; }

.page-content, .entry-content, .entry-summary {
  margin: 1em 0 0; }

.maxwidth1140 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
}

.padding-30 {
    padding: 30px;
}

.padding-60 {
    padding: 60px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
  width: 100%;
  z-index: 99;
  background-color: white;
  border-bottom: 1px solid #efefef;
}

  #masthead #masthead-inner {
    display: flex;
    justify-content: space-between;
    width: 100%; }

#campus {
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    color: #13294b;
    background-color: #ffffff;
    border-top: 5px solid #ff552e;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.5px;
    padding: 0 15px;
}

#header-top {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.header-wrapper {
    min-height: 85px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
}

header .search {
    font-family: 'Source Sans Pro', sans-serif;
    background: #f0f0f0;
    color: #13294b;
    border-radius: 0.25rem;
    padding: 0 6px 2px 8px;
}

header .search-form {
    text-align: left;
    padding: 0;
}

header .search-field {
    background: #f0f0f0;
    border: none;
}

header .brand {
    display: flex;
    flex: 1 1 auto;
}

header a, header a:hover,
header a:active, header a:visited {
    color: #13294b;
    text-decoration: none;
}

header .brand .imark {
    float: left;
    display: flex;
    align-items: center;
}

header .brand .imark a {
    display: block;
    height: 32px;
    width: 26px;
    background-image: url(//ws.engr.illinois.edu/images/block.i.color.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -999999px;
}

/* Site identification formatting */
.site-identification {
    float: left;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    border-left: 1px solid #13294b;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.site-title {
    width: 100%;
    font-weight: 600;
    font-size: 23px;
    line-height: 1;
    letter-spacing: -0.4px;
}

header .brand .coll-name {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

a.engineering-wordmark {
  font-size: 1.75em;
  text-decoration: none;
  line-height: 1;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  color: #13294b; }

.engineering-wordmark.college-wordmark {
  font-size: 1em;
  text-transform: none;
  letter-spacing: 0; }

.site-description {
  margin-top: .25em;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1;
  color: #A5ACAF; }

.search-form {
  text-align: right;
  width: 100%;
  display: flex;
  flex-wrap: nowrap; 
  padding: .25em 1em;
}
  .search-form label {
    flex-grow: 1; }

.search-field {
  font-size: 0.7em;
  width: 95%; }

.search-field:focus {
    outline: 1px solid #666666;
}

button.search-submit {
  border-radius: none;
  background: none;
  border: none;
  font-size: 0.8em;
  padding: 0.2em;
  color: #666666; }

button.search-submit:focus {
    outline: 1px solid #666666;
}

button.search-submit i span {
  display: none; }

/* main nav styles */
.main-navigation {
    background-color: #f0f0f0;
    max-width: 1140px;
    margin: 0 auto;
    font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    position: relative;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.main-navigation > div {
    display: flex;
    flex-grow: 1;
    align-items: center;
}

.main-navigation ul {
    width: 100%;
    display: flex;
}

.main-navigation ul li {
    flex-grow: 1;
}

.main-navigation ul li a {
    padding: 10px 15px;
    color: #13294b;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.main-navigation ul li a:hover {
    color: #ff552e;
}

.main-navigation ul li.menu-item-has-children > a::after {
    font-family: FontAwesome;
    content: '\f078';
    vertical-align: middle;
    font-size: 12px;
    color: #ff552e;
    margin-left: 10px;
}

.main-navigation ul li.menu-item-has-children:hover {
    background: #ffffff;
}

.main-navigation ul li.menu-item-has-children:hover > a::after {
    content: '\f077';
}

.main-navigation ul li:last-child:hover > ul,
.main-navigation ul li:last-child.focus > ul {
    right: 0;
}

.main-navigation ul.sub-menu {
    background: #ffffff;
    display: flex;
    flex-flow: column nowrap;
    width: 300px;
    max-height: 50vh;
    overflow: auto;
    padding: 20px 30px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 25px;
}

.main-navigation ul.sub-menu li {
    margin: 0.25rem 0;
    line-height: 1.5;
}

.main-navigation ul.sub-menu li a {
    text-align: left;
    font-weight: 500;
    padding: 0;
}

.main-navigation ul.sub-menu li a::after {
   display: none;
}

.main-navigation ul.sub-menu ul.sub-menu {
    position: initial;
    width: auto;
    max-height: unset;
    box-shadow: none;
    padding: 0 0 0 20px;
}

.main-navigation ul.sub-menu ul.sub-menu li::before {
    position: absolute;
    left: 40px;
    color: #e0e0e0;
    content: '\f111';
    font-family: FontAwesome;
    font-size: 5px;
    font-weight: 900;
    padding-top: 7px;
}
    
    /*.main-navigation ul ul {
      display: block;
      top: inherit;
      text-align: left;
      background-color: white; }
      .main-navigation ul ul li {
        float: none; }
        .main-navigation ul ul li a {
          font-size: .9em;
          border-bottom: 1px solid #efefef;
          min-width: 200px;
          width: 100%; }
        .main-navigation ul ul li a:after {
          border-right: 1px solid transparent !important; }
  .main-navigation .menu > li.edge:hover ul.sub-menu {
    left: auto;
    right: 0; }
  .main-navigation li.current-menu-item a,
  .main-navigation a:active,
  .main-navigation a:hover {
    color: #E84A27; }


.main-navigation ul li:not(:last-of-type) a:after {
    border-right: none;
}*/

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
/* Feature Area */
.front-feature {
  padding: 0;
  height: 600px;
  background-position: center;
  background-size: cover; }

.feature-holder {
  background-color: #13294b;
  overflow: hidden; }

.feature {
  padding: 0;
  height: 300px;
  background-position: center;
  background-size: cover; }

.feature-caption {
  height: 600px;
  z-index: 6;
  top: 0;
  padding: 250px 7% 2%; }

.inner-feature .feature-caption {
  height: 400px; }

.content-wrapper {
  max-width: 1140px;
  margin: 0px auto;
  padding: 0 3% 0;
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap; }

/* Entry Content */
.entry-header {
    margin-bottom: 2em;
}

.entry-title {
  margin-top: 0;
  margin-bottom: 0; }

.entry-title a {
  text-decoration: none;
  font-weight: 600; }

.entry-title a:visited {
  color: #284C90; }

.hentry {
  margin: 0 0 3em; }

.entry-content {
  margin: 0; }

.blog article, .archive article {
  display: flex;
  flex-wrap: wrap; }

body.blog .entry-header {
    margin-bottom: 0;
}

body.blog article {
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

.entry-img {
  flex: 1 1 30%;
  margin-right: 3%; }

.entry-text {
  flex: 1 1 67%; }

@media screen and (max-width: 700px) {
  .entry-img {
    flex: 0 1 100%;
    margin-bottom: 1em;
    max-height: 300px; }
    .entry-img img {
      position: relative; }

  .entry-text {
    flex: 1 1 100%; } }
/* Sidebar */
.with-sidebar .content-wrapper {
  max-width: 1700px; }
.with-sidebar #primary {
  order: 2;
  width: 63%; }
.with-sidebar #secondary {
  order: 1;
  margin-right: 7%;
  width: 30%; }
  .with-sidebar #secondary a {
    text-decoration: none; }
  .with-sidebar #secondary ul {
    list-style-type: none; }
  .with-sidebar #secondary ul.menu {
    margin-left: 0;
    padding: 0; }
.with-sidebar .widget_nav_menu ul {
  list-style-type: none;
  margin: 0; }
  .with-sidebar .widget_nav_menu ul li {
    border-bottom: 1px solid #efefef; }
    .with-sidebar .widget_nav_menu ul li a {
      display: block;
      padding: 10px 5px; }
  .with-sidebar .widget_nav_menu ul ul {
    background-color: #efefef;
    padding: .5em; }
    .with-sidebar .widget_nav_menu ul ul a {
      font-size: .9em;
      padding: 5px; }
.with-sidebar .widget_nav_menu a {
  color: #13294b; }
.with-sidebar .widget_nav_menu a:hover {
  background-color: #13294b;
  color: white; }
.with-sidebar .widget_nav_menu li:not(.current_page_ancestor) ul, .with-sidebar .widget_nav_menu li:not(.current_page_parent) ul {
  display: none; }
.with-sidebar .widget_nav_menu li.current-menu-item > a {
  background-color: #13294b;
  color: white; }
.with-sidebar .widget_nav_menu li.current-menu-item > ul {
  display: block; }
.with-sidebar .widget_nav_menu li.current-page-ancestor > ul {
  display: block; }

/* Meta and Comments */
#comments {
  margin-bottom: 2em; }

.entry-meta {
  font-weight: 300;}
  .entry-meta a {
    text-decoration: none;
    color: #757575;
    font-size: 0.9em; }

.entry-footer {
  margin-top: .5em;
  font-size: 12px; }

.entry-footer a {
  padding-right: 5px;
  color: #E84A27;
  text-decoration: none; }

.nav-previous a:before {
  content: "« "; }

.nav-next a:after {
  content: " »"; }

.comments-area {
  border: 1px solid #fa6300;
  padding: 20px; }

.comments-area h2 {
  font-size: 1em; }

/*--------------------------------------------------------------
# Band Template
--------------------------------------------------------------*/
.page-template-page-band h1.entry-title {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px, 1px, 1px, 1px); }
.page-template-page-band section {
  padding-top: 2.5em;
  padding-bottom: 2.5em; }
.page-template-page-band article {
  padding-top: 2.5em; }
.page-template-page-band .widget {
  margin-top: 0;
  margin-bottom: 0; }
.page-template-page-band .widget_nav_menu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  list-style-type: none;
  text-align: center; }
  .page-template-page-band .widget_nav_menu ul li {
    flex: 0 1 20%;
    width: 20%;
    min-width: 20%;
    margin-right: 3%;
    margin-bottom: 3%; }
    .page-template-page-band .widget_nav_menu ul li a {
      display: block;
      padding: 10% 4%;
      text-decoration: none;
      color: #13294b;
      transition: all .2s ease-in-out;
      background-color: #efefef;
      height: 100%;
      vertical-align: middle;
      border: 1px solid #959595; }
    .page-template-page-band .widget_nav_menu ul li a:hover {
      transform: scale(1.04);
      background-color: #13294b;
      color: white;
      border: 1px solid #efefef; }
.page-template-page-band .widget_nav_menu .sub-menu {
  display: none; }

#widget-band {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em;}
  #widget-band .widget {
    flex: 1 1 23%;
    width: 23%;
    margin: 0.5%;
    padding: 60px;
    text-align: center;
    background-color: #f0f0f0;
  }
  #widget-band ul {
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0; }
    #widget-band ul li {
      margin-bottom: .6em; }
    #widget-band ul a {
      text-decoration: none; }

ul.info_blurb_widget {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0; }

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Directory */
#sdap-directory {
  max-width: 1140px;
  margin: 0px auto;
  padding: 0 3% 0;
  margin-top: 2em; }

.sdap-person.single {
  max-width: 1140px;
  margin: 0px auto;
  padding: 0 3% 0;
  margin-top: 2em;
  margin-bottom: 2em;
  float: none; }
  .sdap-person.single .sdap-profile-photograph img {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }

/* Nivo Slider */
.front-feature .nivoSlider img {
  max-width: 100% !important;
  max-height: auto; }
.front-feature .nivo-controlNav {
  display: none; }
.front-feature .nivo-caption {
  width: 1080px !important;
  left: 50% !important;
  bottom: 70px !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  background-color: transparent !important;
  font-size: 2.5em;
  text-shadow: 1px 1px 2px black;
  opacity: 1 !important; }

/* meanmenu overrides */
.mean-container .mean-bar {
  background-color: transparent;
  color: #324450;
  transition: background 1s ease;
  min-height: 52px;
  float: none; }

.mean-container a.meanmenu-reveal {
  width: 100%;
  height: 100%;
  border: 1px solid #324450; }

.mean-container .mean-bar, .mean-container .mean-bar a.meanmenu-reveal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mean-container .mean-bar a.meanmenu-reveal {
  left: auto;
  text-align: center;
  text-indent: 0px;
  font-size: 1.5em;
  color: #324450; }

.mean-container .mean-nav ul li {
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
}

.mean-container .mean-nav ul li a {
    text-transform: none;
    border-top: none;
    background-color: #f0f0f0;
    color: #13294b;
    padding: 10px 5%;
}

    .mean-container .mean-nav ul li a:hover {
        background: #f0f0f0;
        color: #e84a27;
    }
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    background: #f0f0f0;
    color: #13294b;
    border: none !important;
    font-size: 22px !important;
    height: 20px;
}
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: #f0f0f0;
        color: #e83a27;
    }

.mean-container .mean-nav ul li li a {
    opacity: 0.9;
    border-top: #ffffff;
}

.mean-container .mean-nav ul.sub-menu li {
    font-weight: 400;
}

/*accordion plugin styles */
.accordion-title {
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  background-color: #e8e8e8; }

.accordion-title:hover {
  background-color: #f7f4f4; }

.accordion-content {
  margin-left: 20px;
  padding-left: 30px;
  border-left: 1px solid #e8e8e8;
  font-size: 90%; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-title {
   }

.widget_news_widget .widget-title {
  text-align: center;
  font-weight: 900;
  font-size: 2.3em; }
.widget_news_widget .news-item-summary {
  max-height: 175px;
  overflow: hidden;
  position: relative;
  font-size: .95em;
  letter-spacing: 1px; }
.widget_news_widget .news-item-summary:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 100px, white); }
.widget_news_widget ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .widget_news_widget ul li {
    flex: 0 1 33%;
    width: 33%;
    padding: 1em 4%; }
    @media screen and (max-width: 768px) {
      .widget_news_widget ul li {
        flex: 0 1 50%;
        width: 50%;
        padding: 1em 4%; } }
    @media screen and (max-width: 480px) {
      .widget_news_widget ul li {
        flex: 0 1 100%;
        width: 100%;
        padding: 1em 4%; } }
.widget_news_widget a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3em;
  line-height: 1.5; }
.widget_news_widget .img-holder {
  height: 200px;
  margin-bottom: 1em; }

.widget_info_blurb_widget .widget-title {
  text-align: center;
  font-weight: 900;
  font-size: 2.3em; }
.widget_info_blurb_widget .info-blurb-text {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 1.5em;
  color: #13294b; }
.widget_info_blurb_widget ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .widget_info_blurb_widget ul li {
    flex: 0 1 33%;
    width: 33%;
    padding: 1em 4%; }
    @media screen and (max-width: 768px) {
      .widget_info_blurb_widget ul li {
        width: 50%;
        padding: 1em 4%; } }
    @media screen and (max-width: 480px) {
      .widget_info_blurb_widget ul li {
        width: 100%;
        padding: 1em 4%; } }
.widget_info_blurb_widget a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3em;
  line-height: 1.5; }
.widget_info_blurb_widget .img-holder {
  height: 200px; }

.widget_image_band_widget,
.widget_custom_hero_widget {
  position: relative;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: white; }
  .widget_image_band_widget .has-overlay,
  .widget_custom_hero_widget .has-overlay {
    z-index: 9998; }
  .widget_image_band_widget .overlay {
    position: relative;
    margin: 0px auto;
    padding: 6em 3% 6em;
    display: flex;
    flex-direction: column;
    z-index: 9999; }
  .widget_image_band_widget h2,
  .widget_custom_hero_widget h2 {
    margin: 0; }
  /*.widget_image_band_widget a.image-band-link {
    padding: 1em;
    border: 2px solid white;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    letter-spacing: 3px;
    display: inline-block; }
  .widget_image_band_widget a.image-band-link:hover {
    -webkit-transition: background-color 200ms ease-in, border 100ms ease-in;
    -moz-transition: background-color 200ms ease-in, border 100ms ease-in;
    -o-transition: background-color 200ms ease-in, border 100ms ease-in;
    transition: background-color 200ms ease-in, border 100ms ease-in;
    background-color: white;
    color: #13294b; }*/
  /*.widget_image_band_widget .image-band-description {
     }*/
  .widget_image_band_widget.orange-overlay .overlay,
  .widget_custom_hero_widget.orange-overlay .overlay{
    background-image: linear-gradient(to right, rgba(232, 74, 39, 0.8), rgba(204, 0, 0, 0.8)); }
  .widget_image_band_widget.blue-overlay .overlay,
  .widget_custom_hero_widget.blue-overlay .overlay {
    background-image: linear-gradient(to right, rgba(60, 120, 216, 0.8), rgba(19, 41, 75, 0.8)); }
  .widget_image_band_widget.gradient-overlay .overlay,
  .widget_custom_hero_widget.gradient-overlay .overlay {
    background-image: linear-gradient(to right, rgba(232, 74, 39, 0.8), rgba(19, 41, 75, 0.8)); }


.widget_custom_hero_widget h2 {
    font-family: 'Fjalla One', 'Montserrat', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 3em;
    line-height: 1.2;
    width: 60%;
}

.widget_custom_hero_widget .custom-hero-description {
        width: 60%;
    }

.widget_custom_hero_widget .img-holder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.widget_custom_hero_widget .overlay {
    position: relative;
    margin: 0px auto;
    padding: 6em 0 6em;
    z-index: 9999;
}

.widget_testimonial_widget .wrapper {
  display: flex;
  flex-wrap: wrap; }
.widget_testimonial_widget h2 {
  margin: 0; }
.widget_testimonial_widget .img-holder {
  flex: 0 1 40vh;
  height: 40vh;
  margin-right: 7%; }
.widget_testimonial_widget .photo-right.img-holder {
  order: 2;
  margin-right: 0;
  margin-left: 7%; }
.widget_testimonial_widget .testimonial-band__text {
  flex: 1;
  align-self: center; }
.widget_testimonial_widget .testimonial-band-callout-1 {
  text-transform: uppercase;
  margin-bottom: 0; }
.widget_testimonial_widget .testimonial-band-callout-2 {
  margin-top: 0;
  font-size: .8em; }
.widget_testimonial_widget .testimonial-band-link {
    
}
@media screen and (max-width: 768px) {
  .widget_testimonial_widget .img-holder {
    margin: 0 0 5% 0;
    flex: 0 1 100%;
    min-height: 50vh; }
  .widget_testimonial_widget .testimonial-band__text {
    flex: 0 1 100%; } }

.page-template-page-band .widget_illinois_calendar_widget {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 3%;
  padding-right: 3%; }
  .page-template-page-band .widget_illinois_calendar_widget a {
    font-size: 1.3em;
    text-decoration: none; }
  .page-template-page-band .widget_illinois_calendar_widget #content-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none; }
  .page-template-page-band .widget_illinois_calendar_widget #content-list li {
    flex: 1 1 30%;
    margin-right: 6%;
    margin-bottom: 1em; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
  background-color: #13294b;
    color: #ffffff; }
#colophon a {
    color: #ffffff;
}
  #colophon a:hover {
    color: #ff552e; }

#colophon::before {
   content: '';
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    background-image: linear-gradient(to right, rgba(255, 85, 46, 1), rgba(204, 0, 0, 1));
}

#colophon .campus_wordmark {
    max-width: 1140px;
    margin: 0 auto;
    padding: 3rem 0;
}

#colophon .campus_wordmark img {
    width: 225px;
}

.site-footer {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem;
}

.site-footer h3 {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.3em;
    border-bottom: 1px solid #ffffff;
}

.footer-column-1 {
  flex: 0 1 30%;
  width: 30%;
  text-align: left;
  margin-right: 3%; }

.footer-column-2 {
  flex: 0 1 30%;
  width: 30%;
  margin-right: 3%; }

.footer-column-3 {
  flex: 0 1 30%;
  width: 30%;
}

#legal {
    border-top: 5px solid #1e3877;
    font-size: 0.9em;
    padding: 1.5rem 0;
}

.admin-links ul {
  display: flex;
  list-style-type: none; 
  align-items: center;
  justify-content: center;
}

.admin-links ul li {
  margin: 0 15px;
}

.admin-links ul li a {
  padding: .25rem;
}
  
.admin-links ul a:hover {
  color: #ffffff !important;
  outline: 2px dotted #ffffff;
}


#engr-footer {
  padding: .5em 5% .5em;
  width: 100%;
  height: 100%;
  background-color: #E84A27;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  #engr-footer ul {
    margin: 0; }
  #engr-footer .engineering-wordmark {
    color: white;
    line-height: inherit;
    padding: .25em 1em; }
  #engr-footer .flex-left {
    display: flex;
    flex-wrap: wrap; }
  #engr-footer ul.soc-med {
    display: flex;
    list-style-type: none;
    align-self: center; }
    #engr-footer ul.soc-med li a {
      padding: .25em .5em;
      color: white; }
    #engr-footer ul.soc-med li a:hover {
      color: #13294b; }


/*--------------------------------------------------------------
# Specialty Overrides (styles that are special to a certain area, like bg colors)
--------------------------------------------------------------*/
.gradient-bg {
  background: #4b72e8;
  background: -moz-linear-gradient(-45deg, #4b72e8 0%, rgba(227, 133, 32, 0.79) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #4b72e8), color-stop(100%, rgba(227, 133, 32, 0.79)));
  background: -webkit-linear-gradient(-45deg, #4b72e8 0%, rgba(227, 133, 32, 0.79) 100%);
  background: -o-linear-gradient(-45deg, #4b72e8 0%, rgba(227, 133, 32, 0.79) 100%);
  background: -ms-linear-gradient(-45deg, #4b72e8 0%, rgba(227, 133, 32, 0.79) 100%);
  background: linear-gradient(135deg, #4b72e8 0%, rgba(227, 133, 32, 0.79) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b72e8', endColorstr='#e38520', GradientType=1 ); }
  .gradient-bg * {
    color: #13294b; }
  .gradient-bg a:visited {
    color: #E84A27; }
  .gradient-bg a:hover {
    color: white; }

.orange-bg {
  background-color: #ff552e; }
  .orange-bg * {
    color: #ffffff; }
    .orange-bg a {
    color: #13294b; }
  .orange-bg a:visited {
    color: #13294b; }
  .orange-bg a:hover {
    color: #13294b; }
  .orange-bg .news-item-summary:before {
    background: linear-gradient(transparent 100px, #ff552e); }

.dark-blue-bg {
  background-color: #13294b; }
  .dark-blue-bg * {
    color: #ffffff; }
  .dark-blue-bg a {
    color: #ff552e; }
  .dark-blue-bg a:visited {
    color: #ff552e; }
  .dark-blue-bg a:hover {
    color: #ff552e; }
  .dark-blue-bg .news-item-summary:before {
    background: linear-gradient(transparent 100px, #13294b); }

.dark-gray-bg {
  background-color: #121b21; }
  .dark-gray-bg * {
    color: white; }
  .dark-gray-bg a:visited {
    color: #efefef; }
  .dark-gray-bg a:hover {
    color: #ff552e; }
  .dark-gray-bg .news-item-summary:before {
    background: linear-gradient(transparent 100px, #121b21); }

.gray-bg {
  background-color: #f8f8f8; }
  .gray-bg * {
    color: #121b21; }
  .gray-bg a:visited {
    color: #E84A27; }
  .gray-bg a:hover {
    color: white; }

@media screen and (max-width: 768px) {
  /*#header-top {
    padding: 1em 5% 1em; }*/

  a.illinois-wordmark {
    font-size: 1.5em; }

  .feature {
    height: 200px; }

  .sdap-person.archive {
    width: 50%; }

  .footer-column-1, .footer-column-2, .footer-column-3 {
    flex: 0 1 100%;
    width: 100%;
    text-align: center;
    margin: 0; } }
@media screen and (max-width: 480px) {
  #header-top {
    flex-wrap: wrap; }

  .page-template-page-band .widget_nav_menu ul li {
    flex: 0 1 43%;
    width: 43%; }

  .widget_image_band_widget {
    text-align: center; }
    .widget_image_band_widget .image-band-description {
      width: 100%; }

  #widget-band .widget {
    flex: 0 1 100%;
    width: 100%; }

  .with-sidebar #primary {
    flex: 0 1 100%;
    width: 100%; }

  .with-sidebar #secondary {
    flex: 0 1 100%;
    width: 100%;
    order: 2; }

  .sdap-person.archive {
    width: 100%; }

  .widget_calendar {
    font-size: .7em; } }

/*# sourceMappingURL=style.css.map */


/*--------------------------------------------------------------
# Responsive Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1140px) { 
    #colophon .campus_wordmark,
    #colophon .site-footer {
        margin: 0 1rem;
    }
      
}

@media screen and (max-width: 991px) {
    #widget-band .widget {
        flex: 1 1 47%;
        width: 47%;
    }
    
    .main-navigation {
        display: none !important;
    }
    
    #campus {
        display: none;
    }
    
    header .search {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #widget-band .widget {
        flex: 1 1 100%;
        width: 100%;
    }
    
    .widget_custom_hero_widget h2 {
        width: 100%;
    }
    
    .widget_custom_hero_widget .custom-hero-description {
        width: 100%;
    }
    
    .footer-column-1, .footer-column-2, .footer-column-3 {
        text-align: left;
    }
}

@media screen and (max-width: 575px) {
    .site-title {
        font-size: 20px;
    }
    
     header .brand .coll-name {
        display: none;
    }
    
    .admin-links ul {
        flex-direction: column;
        align-items: flex-start;
    }
    
}