@charset "UTF-8";
/*!
Theme Name: OVCR Illinois 2018
Theme URI: http://underscores.me/
Author: OVCR
Author URI: https://research.illinois.edu/
Description: An OVCR branded theme with a banded page template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ovcr2018
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.

OVCR Illinois 2018 is based on two themes - Engineering at Illinois 2017 and 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; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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: "Gotham SSm A", "Gotham SSm B", 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; }

*,
*: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. */ }

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 {
  clear: both;
  display: block;
  float: left;
  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 li {
    float: left;
    position: relative; }
  .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: center; }

/*--------------------------------------------------------------
## 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.5em;
  font-weight: 500;
  color: #324450; }

h2 {
  font-size: 1.5em;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300; }

h3 {
  font-size: 1.2em;
  font-weight: 600; }

h4 {
  font-weight: 800;
  text-transform: uppercase; }

a {
  color: #fa6300; }

a:visited {
  color: #bb3f01; }

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 {
  padding: .5em 1em;
  font-size: 1.5em;
  text-decoration: none;
  border: 0px;
  color: #ffffff;
  background: #13294b; }

a.button: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;
  border: 0px;
  color: #13294b;
  border: 1px solid #13294b;
  background: #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; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
  width: 100%;
  z-index: 99;
  background-color: white; }
  #masthead #masthead-inner {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  #masthead .campus-branding .imark {
    margin-right: 8px; }

#header-top {
  padding: 2em 5% 2em;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  #header-top .flex-right {
    text-align: right; }

.main-navigation {
  background-color: #efefef;
  /* styles to work with menu script to prevent dropdowns disappearing offscreen */ }
  .main-navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .main-navigation ul li a {
      padding: 10px 20px;
      color: #13294b;
      position: relative; }
    .main-navigation ul li:not(:last-of-type) a:after {
      content: '';
      display: inline-block;
      position: absolute;
      height: 60%;
      right: 0;
      border-right: 1px solid #A5ACAF; }
    .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; }

.imark {
  text-decoration: none;
  width: 20px;
  height: auto;
  vertical-align: sub; }

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

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 branding formatting */
.site-branding {
  align-self: flex-end;
  text-decoration: none;
  margin: 1.5em 0 .5em; }

.site-title {
  font-size: 2.75em;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 0; }

.site-title a,
.site-title a:visited,
.site-title a:active {
  -webkit-transition: color 300ms ease-in;
  -moz-transition: color 300ms ease-in;
  -o-transition: color 300ms ease-in;
  transition: color 300ms ease-in;
  text-decoration: none;
  color: #13294b; }

.site-title a:hover {
  color: #E84A27; }

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

#header-search {
  margin: .5em 0; }

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

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

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

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

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
/* Feature Area */
.feature-holder {
  background-color: #13294b;
  overflow: hidden; }

.feature {
  padding: 0;
  height: 600px;
  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-title {
  margin-top: 0;
  margin-bottom: .5em; }

.entry-title a {
  text-decoration: none;
  font-size: 1.3em;
  font-weight: 500; }

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

.hentry {
  margin: 0 0 3em; }

.entry-content {
  margin: 0; }

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

.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.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-style: italic;
  font-weight: 300; }
  .entry-meta a {
    text-decoration: none;
    color: #E84A27; }

.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; }
  #widget-band .widget {
    flex: 0 1 24%;
    width: 24%;
    margin: 0 .5%;
    padding: 1%;
    text-align: center;
    background-color: #efefef;
    flex-grow: 1; }
  #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; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-title {
  text-transform: uppercase; }

.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 {
  position: relative;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: white; }
  .widget_image_band_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 {
    font-size: 3em;
    font-weight: 900;
    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; }
  .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 {
    width: 60%;
    font-size: 1.3em; }
  .widget_image_band_widget.orange-overlay .overlay {
    background-color: rgba(232, 74, 39, 0.6); }
  .widget_image_band_widget.blue-overlay .overlay {
    background-color: rgba(19, 41, 75, 0.8); }
  .widget_image_band_widget.gradient-overlay .overlay {
    background: rgba(75, 114, 232, 0.5);
    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 ); }

.widget_testimonial_widget .wrapper {
  display: flex;
  flex-wrap: wrap; }
.widget_testimonial_widget h2 {
  font-size: 2.5em;
  font-weight: 500;
  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; }
@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: #efefef; }
  #colophon a:hover {
    color: #13294b; }

.site-footer {
  padding: 60px 5%;
  display: flex;
  flex-wrap: wrap; }

.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%;
  text-align: right; }

#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; }

.admin-links ul {
  display: flex;
  list-style-type: none; }
  .admin-links ul a {
    color: white;
    text-decoration: none;
    padding: .25em 1em;
    display: inline-block; }
    .admin-links ul a:hover {
      color: #fa6300;
      transition: background-color .2s linear, color .2s linear; }

/*--------------------------------------------------------------
# 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: #E84A27; }
  .orange-bg * {
    color: white; }
  .orange-bg a:visited {
    color: #efefef; }
  .orange-bg a:hover {
    color: #13294b; }
  .orange-bg .news-item-summary:before {
    background: linear-gradient(transparent 100px, #E84A27); }

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

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

.gray-bg {
  background-color: #efefef; }
  .gray-bg * {
    color: #13294b; }
  .gray-bg a:visited {
    color: #E84A27; }
  .gray-bg a:hover {
    color: white; }

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

  .site-title {
    font-size: 2em; }

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

  .imark {
    width: 20px; }

  .feature {
    height: 200px; }

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

  .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 */