@charset "UTF-8";
/* these styles are in the head of this page because this is a unique page */
/* Kievit Pro Typeface */
@font-face {
    font-family: 'KievitPro';
    src: url('https://idpproxy-ucpath-qa.universityofcalifornia.edu/simplesaml/module.php/ucop/assets/fonts/KievitPro-Regular.woff') format('woff');
}
body {
    background-color: #DBD5CD;
    font-family: 'KievitPro', Helvetica, Arial, sans-serif;
    font-size: .9rem;
    padding: 0;
}

/* No header needed on this page */
#ucpathdiscovery\:ucpathdisco header {
    display: none;
}
#content {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.wrap {
    background-color: rgba(255,255,255,0.75);
    border-radius: 5px;
    border-color: #ccc;
    box-shadow: 2px 2px 12px 0px rgba(1,1,1,0.08);
    box-sizing: border-box;
    margin: 1rem auto 0;
    padding: 1rem;
    max-width: 650px;
}
#logo {
    height: auto;
    margin-bottom: .5rem;
    width: auto;
}
#logo svg {
    max-width: 100px;
}

/* Links */
a {
    color: #005581;
    border-bottom: 1px dotted #005581;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    background-color: transparent;
    border-bottom-style: solid;
    color: #005581;
    padding: 0;
}

/* Headings */
h1, h2 {
    font-family: 'KievitPro', Helvetica, Arial, sans-serif;
    letter-spacing: .2px;
    margin: 0;
}
h1 {
    color: #1295d8;
    font-size: 1.4rem;
}
h2.notice {
    border-bottom: 0;
    font-size: 1rem;
    margin: 0 0 .5rem;
    text-align: left;
}

/* Campus List */
ul.metalist {
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style: none;
    overflow: hidden;
    padding-left: 0;
}
ul.metalist li {
    margin-left: 0;
}
ul.metalist li a.metaentry {
    border-bottom: 1px solid #ccc;
    display: block;
    padding: .2rem .5rem;
}
ul.metalist li:last-child a.metaentry {
    border-bottom: 0;
}
ul.metalist li a.metaentry:hover, ul.metalist li a.metaentry:active, ul.metalist li a.metaentry:focus {
    background-color: #005581;
    color: #fff;
}

#push {
    height: auto;
}

/* Media Queries */
@media screen and (max-width: 40em) {
    body {
        font-size: 1rem;
    }
    #content {
        margin: 0;
        padding: 0;
        height: 100vh;
    }
    .wrap {
        border: 0;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 1.5rem;
        width: 100%;
    }
    #logo {
        flex-direction: column;
        align-items: flex-start;
    }
    h1 {
        margin-top: 1rem;
    }
}
@media (forced-colors: active) {
    #list_ucpath a:hover {
        color: Canvas;
        background-color: LinkText;
    }
}
/* Dark Mode */
@media (prefers-color-scheme: dark) {
    body {
        background: #171717;
        color: #DBD5CD;
    }
    #layout {
        background-color: #171717;
    }
    .wrap {
        background-color: #4C4C4C;
    }
    h1, h2.notice {
        color: #DBD5CD;
    }
    a {
        border-bottom: 1px dotted #BDE3F6;
        color: #BDE3F6;
    }
    a:hover, a:active, a:focus {
        border-bottom-style: solid;
        color: #BDE3F6;
    }
    ul.metalist li a.metaentry:hover, ul.metalist li a.metaentry:active, ul.metalist li a.metaentry:focus {
        background-color: #BDE3F6;
        color: #4C4C4C;
    }

    /* UC Workmark */
    .cls-2 {
        fill: #DBD5CD !important;
    }
    .cls-1 {
        fill: #4C4C4C !important;
    }
}