@font-face {
    font-family: "Product Sans";
    src: url("https://static.igem.wiki/teams/5374/fonts/productsans-regular.woff");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Product Sans";
    src: url("https://static.igem.wiki/teams/5374/fonts/productsans-italic.woff");
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: "Product Sans";
    src: url("https://static.igem.wiki/teams/5374/fonts/productsans-bold.woff");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "Product Sans";
    src: url("https://static.igem.wiki/teams/5374/fonts/productsans-bolditalic.woff");
    font-style: italic;
    font-weight: bold;
}

body { padding-top: 96px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #000000; }
.bg-white {background-color: #ffffff !important;}
.bg-temp {background-color: #ffffff !important;}
/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

body {
    /*background-color: #d5f4fd;*/
    background-image: linear-gradient(#d5f4fd, #e9f6ee);
}

/* navbar */
nav {
    /*box-shadow: 0 10px 10px gray;*/
    background-color: #f6ede1;
}

#team-logo img {
    height: 80px;
}

.navbar-brand {
    padding: 0;
}

nav .nav-link img {
    width: 100px;
}

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

nav .dropdown-item {
    padding: .25rem 0;
}

nav .dropdown-item img {
    width: 100%;
}

#progress-container {
    position: fixed;
    top: 96px;
    width: 100%;
    height: 10px;
    z-index: 1000;
}

#progress-bar {
    width: 0;
    height: 100%;
    background-image: linear-gradient(to right, darkgray, gray);
    margin-right: auto;
    border-radius: 0 10px 10px 0;
}

#banner {
    display: block;
    width: 100%;
}

/* footer */
footer a { color: black; font-weight: bold; text-decoration: none; }
footer a:hover { color: black; text-decoration: underline; }

body {
    font-family: "Product Sans", Arial, sans-serif;
}

/* Footer */
#footer {
    padding: 1.5rem 0;
    margin-top: 50px;
    background-color: rgba(255, 255, 255, 0.5);
}

#footer-logo {
    display: block;
    margin: auto;
    width: 50%;
    height: auto;
}

#schools, #sponsors {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#schools img, #sponsors img {
    display: block;
    width: 100px;
    height: auto;
}