/**********************************************************

 STYLE.CSS
 Author: Saugata Ghose (ghose at illinois dot edu)
 Last Updated: December 6, 2025

 **********************************************************/


/* font import */
@import url('https://fonts.googleapis.com/css?family=Oswald:regular,b,i,200,600|Raleway:regular,b,i,bi,500,500i|Cabin:i');


/* compatibility for browsers w/o HTML5 support */
header, section, footer, aside, nav, main, article, figure {
    display: block;
}


/* body padding to compensate for fixed navbar */
body {
    padding-top: 50px;
    padding-bottom: 10px;
    font-family: 'Raleway', sans-serif;
}


/* global formatting */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oswald', sans-serif;
}

h1 {
    font-weight: 600;
}

h5 {
    display: inline;
}

a {
    display: inline;
}

img {
    max-width: 100%;
}


/* body padding to compensate for fixed navbar */
.anchor {
    padding-top: 50px;
    margin-top: -50px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.list-indent {
    margin-left: 25px;
}

.clear-both {
    clear: both;
}


/* collapses navbar for tablet as well */
/*
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        background: #4a4a4a;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
 
    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    .navbar-collapse.collapse.in { 
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}
*/

/* custom styles */

.navbar-brand {
    font-family: 'Oswald', sans-serif;
}

/* .navbar-inverse .navbar-brand, .navbar-nav a { */
.navbar .navbar-brand, .navbar-nav a, ul.nav li.dropdown, ul.nav li.dropdown:hover > ul.dropdown-menu {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.navbar-inverse .navbar-brand:link, .navbar-inverse .navbar-brand:visited {
    background: #83ceec;
    color: #ffffff;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:active {
    background: #83ceec;
    color: #ffffff;
    text-decoration: underline;
}

.navbar-inverse .navbar-nav a:link, .navbar-inverse .navbar-nav a:visited {
    color: #c5c5c5;
}

.navbar-nav li.active > a {
    color: #ffffff !important;
}

.navbar.navbar-inverse .dropdown-menu {
    background: #006bbd;
}
.navbar.navbar-inverse .dropdown-menu > li > a {
    color: #c5c5c5;
}
.navbar.navbar-inverse .dropdown-menu > li > a:hover,
.navbar.navbar-inverse .dropdown-menu>li>a:focus {
    background: #83ceec !important;
    color: #ffffff;
}

@media (min-width:768px) {
    ul.nav li.dropdown:hover {
        background: #006bbd;
        color: #ffffff;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;        
    }
}

.navbar.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle {
    background: #1e4667;
    color: #ffffff;
}

.jumbotron {
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #ffffff;
    color: #ffffff;
    text-shadow: 4px 4px 6px #000000;
}

.jumbotron > .container {
    background: #4682b4 url(../images/banner1.jpg) center center;
    background-size: cover;
    padding: 0;
}

.jumbotron h3#conferenceName {
    margin-top: 0px;
    font-family: 'Cabin', sans-serif;
    font-style: italic;
}

.jumbotron h3#conferenceDates {
    margin-top: 0px;
}

.jumbotron #eventLocation {
    display: block;
    padding-top: 5px;
    font-size: 70%;
}

.jumbotron .banner {
    background-position: center center;
    background-size: cover;
}

.jumbotron .banner#banner1 {
    background-image: url(../images/banner1.jpg);
    /* credit: Diego Delso (CC BY-SA 3.0) */
}

.jumbotron .banner#banner2 {
    background-image: url(../images/banner2.jpg);
    /* credit: Daniel Schwen (CC BY-SA 4.0) */
}

.jumbotron .banner#banner3 {
    background-image: url(../images/banner3.jpg);
    /* credit: Daniel Schwen (CC BY-SA 4.0) */
}

.jumbotron .banner#banner4 {
    background-image: url(../images/banner4.jpg);
    /* credit: Saugata Ghose (rights reserved) */
}

.jumbotron .banner#banner5 {
    background-image: url(../images/banner5.jpg);
    /* credit: Diego Delso (CC BY-SA 3.0) */
}

.jumbotron .banner#banner6 {
    background-image: url(../images/banner6.jpg);
    /* credit: Ron Cogswell (CC BY 2.0) */
}

.jumbotron .banner#banner7 {
    background-image: url(../images/banner7.jpg);
}

.jumbotron .banner#banner8 {
    background-image: url(../images/banner8.jpg);
}

.jumbotron .banner#banner9 {
    background-image: url(../images/banner9.jpg);
}

.jumbotron .banner#banner10 {
    background-image: url(../images/banner10.jpg);
}

.jumbotron .banner#banner11 {
    background-image: url(../images/banner11.jpg);
}

.jumbotron .banner#banner12 {
    background-image: url(../images/banner12.jpg);
}

.jumbotron .banner#banner13 {
    background-image: url(../images/banner13.jpg);
}

.jumbotron .banner#banner14 {
    background-image: url(../images/banner14.jpg);
}

.jumbotron .banner#banner15 {
    background-image: url(../images/banner15.jpg);
}

.jumbotron .banner#banner16 {
    background-image: url(../images/banner16.jpg);
}

.jumbotron .banner#banner17 {
    background-image: url(../images/banner17.jpg);
}

.jumbotron .banner#banner18 {
    background-image: url(../images/banner18.jpg);
}

.jumbotron .banner#banner19 {
    background-image: url(../images/banner19.jpg);
}

@media (max-width: 767px) {
    .jumbotron {
        padding: 0;
    }

    .jumbotron .jumbotron-text {
        margin: 0;
        padding: 0;
    }

    .jumbotron .row {
        margin: 0;
        padding: 0;
    }

    .jumbotron .carousel .banner {
        background: none;
    }
}

@media (min-width: 768px) {
    .jumbotron .carousel {
        border-radius: 10px;
        overflow: hidden;
    }

    .jumbotron .carousel .item {
        width: 100%;
        overflow: hidden;
    }

    .jumbotron .jumbotron-text {
        position: absolute;
        top: 50px;
        width: 97.5%;
    }

    .jumbotron #pageTitle {
        margin-bottom: 35px;
    }
}

@media (max-width: 1199px) {
    .jumbotron .carousel .item {
        height: 375px !important;
    }
}

@media (min-width: 1200px) {
    .jumbotron h3#conferenceName {
        margin-top: 0px;
        margin-bottom: 75px;
    }

    .jumbotron .carousel .item {
        height: 450px !important;
    }
}

@media (min-width: 768px) {
    .jumbotron h1 {
        margin-top: 30px;
    }

    .jumbotron > .container {
        border-radius: 10px;
    }

    .jumbotron .micro-logo img {
        max-width: 90px;
    }
}

@media (max-width: 767px) {
    .jumbotron .carousel-container {
        padding-left: 0;
        padding-right: 0;
    }

    .jumbotron .micro-logo img {
        max-width: 60px;
    }

    .jumbotron > .container {
        padding-bottom: 15px;
    }
}

.deadline-past {
    color: #999999;
}

.deadline-soon {
    color: #a94442;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout:first-child {
    margin-top: 5px;
}
.bs-callout h3, .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-defult h3, .bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h3, .bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h3, .bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h3, .bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h3, .bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h3, .bs-callout-info h4 {
    color: #5bc0de;
}

.container-pad-top {
    margin-top: 25px;
}

.container-nopad-top {
    margin-top: 0px;
}

.container-nopad-left {
    padding-left: 0px;
}

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 {
    margin: 0;
}

.panel-pad-bottom {
    margin-bottom: 7px;
    line-height: normal;
}

.newsitem {
    margin-top: 25px;
    margin-bottom: 35px;
}

.newsitem .title {
    margin-bottom: 10px;
    color: #4682b4;
}

.newsitem h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.newsitem .date {
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top: 2px;
}

.newsitem .byline {
    margin-top: 2px;
    font-weight: 500;
    font-style: italic;
}

.authorbio {
    font-style: italic;
}

.newsitem li {
    margin-bottom: 15px;
}

.news-important .title {
    color: #a94442;
}

.news-alt-color .title {
    color: #f0ad4e;
}

.news-highlight {
    background: #ffeedd;
}

.affiliation {
    font-style: italic;
    font-size: 12px;
}

.table .affiliation-header {
    font-weight: normal;
}

.table > tbody > tr > td.affiliation {
    vertical-align: middle;
}

.schedule-time .affiliation {
    font-weight: 200;
    font-style: normal;
    font-size: inherit;
}

@media (max-width: 991px) {
    .left-table, .left-table table {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .right-table, .right-table table {
        margin-top: 0;
        padding-top: 0;
    }
}

.earlyfees {
    text-align: right;
    /* color: #888888; */
}

.latefees {
    text-align: right;
}

.feedates {
    font-size: smaller;
    font-weight: normal;
    font-style: italic;
}

a.anchor {
    display: block;
    position: relative;
    top: -10px;
    visibility: hidden;
}

.sponsor {
    text-align: center;
    vertical-align: bottom;
}

/*
.sponsor img {
  max-height: 50px;
}

.sponsor img.small {
  max-height: 75px;
}

.sponsor img.large {
  max-height: 35px;
}
*/

.vertical-center {
  display: flex;
  align-items: center;
}

.float-link-right {
    font-family: 'Oswald', sans-serif;
}

.border-light {
    border: 1px solid #cde0ed;
}

.border-dark {
    border: 1px solid #4285b4;
}

.mapwrapper {
    overflow: hidden;
    position: relative;
    text-align: right;
}

.gmap_canvas {
    overflow: hidden;
    background: none!important;
}

@media (max-width: 767px) {
    .mapwrapper#venuemap, #venuemap .gmap_canvas {
        width: 100%;
        height: 350px;
    }

    .float-link-right {
        margin-bottom: 10px;
        text-align: center;
    }

    .deadline-date {
        display: block;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .mapwrapper#venuemap, #venuemap .gmap_canvas {
        width: 100%;
        height: 450px;
    }

    .float-link-right {
        margin-bottom: 3px;
        text-align: right;
    }

    .deadline-date {
        display: inline-block;
    }
}

.schedule-time h3 {
  margin-bottom: 5px;
  font-size: 20px;
}

.schedule-time .zone-name {
  font-weight: 200;
}

.schedule-time .h4 {
  font-size: medium;
}

.schedule-time .other-time-zone {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 10px;
  color: #999999;
}

.text-center.schedule-time .other-time-zone {
  margin-left: 0;
}

.session-chair {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    color: #3f75a2;
}

.panel-session {
    margin-bottom: 5px;
}

.panel-session>.panel-heading {
    padding: 0;
    background-color: #f6f6f6;
    color: #428bca;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-session>.panel-heading a {
    display: block;
    padding: 10px 15px;
}

.panel-session>.panel-heading a:after {
    position: relative;
    float: right;
    display: inline-block;
    top: 1px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    content: "";
}

.panel-session>.panel-heading a[aria-expanded="true"] {
    background-color: #e0e0e0;
}

.panel-session>.panel-heading a[aria-expanded="true"]:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "\2212";
}

.panel-session>.panel-heading a[aria-expanded="false"]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "\002b";
}

.panel-session .session-location, .panel-session .session-panelists {
    padding: 5px 15px;
    background-color: #e0e0e0;
    color: #333333;
}

.panel-session.panel-highlight {
    border-color: #155f78;
}

.panel-session.panel-highlight>.panel-heading {
    background-color: #00798c;
    border-color: #155f78;
    color: #edcd94;
}

.panel-session.panel-highlight>.panel-heading a[aria-expanded="true"] {
    background-color: #155f78;
}

.panel-session.panel-highlight .session-location, .panel-session.panel-highlight .session-panelists {
    background-color: #5d98aa;
    color: #f6f9fa;
}

.panel-session .session-panelists .panelist {
    display: inline-block;
}

.panel-session .session-panelists .panelist .affiliation, .panel-session .session-chair .affiliation {
    font-weight: 200;
    font-style: normal;
}

.panel-session .session-chair {
    padding: 0px 15px 10px 15px;
    background-color: #e0e0e0;
}

.panel-keynote img.speaker-photo, .speaker-photo {
    float: right;
    max-width: 35%;
    margin-left: 10px;
    margin-bottom: 10px;
}

.panel-keynote img.speaker-photo.small {
    max-width: 15%;
}

@media (max-width: 767px) {
    .panel-keynote img.speaker-photo.small {
        max-width: 25%;
    }
}

.paper-list .paper {
    margin-bottom: 15px;
}

.paper .paper-time {
  color: #666666;
}

.paper-time .zone-name {
  font-size: smaller;
  color: #aaaaaa;
}

.paper .paper-title {
    padding-bottom: 5px;
    font-weight: bold;
}

.paper .paper-authors {
    font-size: 12px;
}

.paper .paper-artifacts {
    padding-top: 5px;
    font-size: 12px;
}

.paper-artifacts img {
    max-width: 25px;
    max-height: 25px;
}

.paper .paper-links, .keynote-links {
    padding-top: 5px;
    font-size: 12px;
}

.paper .paper-artifacts a, .paper .paper-links a, .keynote-links a {
    color: #330099;
}

.best-paper-winner, .winner-gold {
    padding: 5px;
    background-color: #f6e3bd;
}

.best-paper-runner-up, .winner-silver {
    padding: 5px;
    background-color: #d4d3d5;
}

.winner-bronze {
    padding: 5px;
    background-color: #e6bf99;
}

.best-paper-nominee {
    padding: 5px;
    background-color: #d6eaf8;
}

.best-paper-nominee-flag {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #21618c;
}

.panel-wt>.panel-body {
    padding: 5px;
    font-size: 12px;
}

.panel-wt>.panel-heading a, .panel-wt>.panel-body a {
    display: block;
    padding: 0;
}

.wt-type {
    font-size: 12px;
    font-style: italic;
}

.wt-time .zone-name {
  font-weight: normal;
  font-size: small;
  display: inline;
}

.session-floor, .wt-floor {
    display: inline-block;
    font-weight: 200;
}

.session-location>a, .session-floor>a, .wt-floor>a {
    display: inline!important;
    padding: 0!important;
    text-decoration: underline dotted;
}

.panel-highlight .session-location a:link, .panel-highlight .session-location a:visited {
    color: #eeeeee;
}

.panel-highlight .session-location a:hover, .panel-highlight .session-location a:active {
    color: #cccccc;
}

.secondary-event {
    color: #888888;
}

@media (min-width: 768px) {
    .panel-wt>.panel-heading {
        padding: 5px;
    }

    .wt-title {
        display: inline;
    }

    .wt-type {
        display: inline;
    }
}

#venue-carousel .item {
    max-height: 350px !important;
    overflow: hidden;
}

footer .footer-privacy {
    text-align: right;
}

@media (max-width: 991px) {
    footer .footer-name {
        text-align: center;
    }

    footer .footer-privacy {
        margin-top: 0.5em;
        text-align: center;
    }
}