/**
* Using CSS custom properties (variables)
* https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
*/
:root {
    --web-carolina-blue: #4b9cd3;
    --link-blue: #007fae;
    --link-blue-dark: #0071a0;
    --athletics-navy: #13294B;
    --unc-black: #151515;
}

.header-link {
    color: #000;
    text-decoration:none
}

.header-link:hover {
    color: #000;
    text-decoration:underline;
}

/* officially recommended blue link color for white backgrounds:
https://identity.unc.edu/content/websites/ */
.hyperlink-blue {
    color: var(--link-blue);
}

.home-intro {
    min-height: 600px;
    height: 90vh;
}

/*
 * Full width section for page titles
 */

.full-width-contained.blue {
    background: var(--web-carolina-blue);
    padding: 0.625rem 1rem;
    color: var(--athletics-navy);
}

@media (min-width: 782px) {
        .full-width-contained.blue {
            margin: 0 -2000px;
            padding: 1rem 2000px;
    }
}

.page-icon {
    height: 75px;
    width: 75px;
    /* display: inline-block; */
    /* vertical-align: top;
    margin: 27px 20px 35px 0px; */
    margin: 1rem;
    float: left;
    background: url(https://identity.unc.edu/wp-content/themes/heelium-identity/assets/img/Identity_icon_content_navy.png);
}

.page-header {
    margin: 0 0 20px;
    padding-bottom: 0;
}

.page-header .breadcrumbs a {
    color: var(--athletics-navy);
    font-family: 'Open Sans', sans-serif;
}

datalist {
    position: absolute;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 0.8rem;
}

option {
    background-color: #fff;
    padding: 0.5rem;
    margin-bottom: 1px;
    cursor: pointer;
    color: #000;
    border-bottom: #bbb;
}