/* ========== brand colors ==========*/
.idr-blue { color: #1976d2; }
.idr-purple { color: #9c27b0; }
.idr-red { color: #f44336; }
.idr-orange { color: #ff9800; }
.idr-yellow { color: #ffc107; }

.bg-idr-blue { background-color: #1976d2; }
.bg-idr-purple { background-color: #9c27b0; }
.bg-idr-red { background-color: #f44336; }
.bg-idr-orange { background-color: #ff9800; }
.bg-idr-yellow { background-color: #ffc107; }

/* ========== banner announcement ==========*/
section.announcement {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: center; }
section.announcement a.styled-link {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

.menu > li > a.logo { padding: 0 1rem; }

.marketing-hero {
    padding: 180px 0 200px;
    background-color: rgba(240, 240, 240, 1);
    background-repeat: repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}

hr.whitespace {
    border: none;
    height: 1.875rem;
}

p.link {
    /* Liza to add style */
}

.their-logo, .their-logo:hover {
    border-width: 0px;
    box-shadow: none;
}

.header {
    background: #074E68;
    background-size: cover;
    overflow: visible;
    padding-top: 2.5rem;
    padding-bottom: 4.9rem;
    position: relative;
    text-align: center; }
    .header .headline {
        color: #ffe;
}

.header-subnav {
    float: none;
    position: absolute; bottom: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%; }
    .header-subnav li {
    display: inline-block;
    float: none; }
    .header-subnav li a {
    font-size: 0.75rem;
    padding: 0.9rem 1rem;
}

.consortium-list div {
    padding-bottom: 20px; }
    span.institution  {
    font-size: 90%;
    padding-left: 5px;
}

.contributors-list div {
    padding-bottom: 20px; }
    .contributors-list a {
    font-size: 90%;
    padding-left: 5px;
}