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

 STYLE.CSS
 Author: Saugata Ghose (ghose at illinois dot edu)
 Last Updated: September 16, 2024

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


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


/* 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: 'Montserrat', 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;
}

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

.list-indent .fas {
    width: 20px;
}


/* custom styles */

.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 {
    background: #13294b;
    color: #f8fafc;
}

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

.navbar-brand:link, .navbar-brand:visited {
    background: #ff552e;
    color: #13294b;
}

.navbar-brand:hover, .navbar-brand:active {
    background: #f5821e;
    color: #1d58a7;
    text-decoration: underline;
}

.navbar-nav, .navbar-nav a, .navbar-nav a:visited, .navbar-nav .dropdown-menu {
    background: #13294b !important;
    color: #f8fafc !important;
    font-weight: 500;
}

.navbar-nav a:hover, .navbar-nav a:active {
    background: #009fd4 !important;
}

.navbar .navbar-toggle {
    border-color: #ff552e;
}

.navbar .icon-bar {
    background: #ff552e;
}

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

.jumbotron > .container {
    background: #ff552e url(../images/cpu.jpg) center center;
    background-position: center center;
    background-size: cover;
    padding-bottom: 15px;
}

.jumbotron h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

@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 (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: 'Montserrat', 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;
}

.schedule .week-start td {
    border-width: 5px 0 0 0;
}

.schedule.table-hover tr.quiz td {
    background-color: #fcd9bb;
}

.schedule.table-hover tr.quiz:hover td {
    background: #fac08e;
}

.schedule.table-hover tr.lab td {
    background-color: #fee8B9;
}

.schedule.table-hover tr.lab:hover td {
    background: #fdd173;
}

.schedule.table-hover tr.hw td {
    background-color: #d2ebf5;
}

.schedule.table-hover tr.hw:hover td {
    background: #a6d7eb;
}

.schedule .class-type {
    display: inline;
    font-weight: 500;
    color: #dd3403;
}

.schedule .schedule-title, .schedule .schedule-title a {
    display: inline;
    font-weight: bold;
    color: #dd3403 ;
}

.schedule .schedule-details {
    font-style: italic;
}

.schedule .deadline {
    font-weight: bold;
    font-style: italic;
    color: #1E3877;
}

.schedule .media {
    margin-top: 5px;
    font-size: small;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
    .float-link-right {
        margin-bottom: 10px;
        text-align: center;
    }

    .deadline {
        display: block;
    }
    }

@media (min-width: 768px) {
    .float-link-right {
        margin-bottom: 3px;
        text-align: right;
    }
}

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

.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-links, .keynote-links {
    padding-top: 5px;
    font-size: 12px;
}

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

footer {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-image: url("../images/illinois.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

footer div {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    footer {
        background-size: auto 2.5em;
        background-position: center bottom;
    }

    footer div {
        padding-bottom: 2em;
        text-align: center;
    }
}