/* fonts */
body, body * {
    font-family: "Calibri", "Carlito", "DejaVu Sans", sans-serif;
}

body {
    * {
        color: black !important;
    }

    h1 {
        font-size: 13pt;
    }

    h2 {
        font-size: 12pt;
    }

    h3 {
        font-size: 11pt;
    }

    p,li {
        font-size: 10.5pt;
    }
}

div.job {

    h1 {
        border-bottom: 2pt solid #999;
        margin-bottom: 2pt;
    }

    h2 {
        border-bottom: 1pt solid #bbb;
    }

    div.task h3 {
        font-style: italic;
        font-weight:lighter;
    }

    a::after {
        content:" (" attr(href) ")";
        text-decoration: none;
        border: none;
    }
}


/* links */
a {
    color: black;
    text-decoration: none;
    border: none;
}

header.contrast-1 {
    color: black;
    background-color: white;
}

/* first page */
div#identity {
    overflow: hidden;

    img#photo {
        border-radius: 0%;
        box-shadow: none;
        filter: grayscale(100%);
        padding: 4pt;
        border: 4pt solid #ddd;
    }

    div#qrcode img {
        border-radius: 0%;
        box-shadow: none;
        padding: 4pt;
        border: 4pt solid #ddd;
    }
}

.print-link {
    text-decoration: none;
}

.screen-only {
    display: none;
}

/* Print specific rules */
abbr::after {
    content:" (" attr(title) ")";
    text-decoration: none;
    border: none;
}

/* Paper is like light mode */
div#knowledge {
    li.user:after {
        content: " ◼️◻️◻️";
        font-size: smaller;
    }

    li.user.in-progress:after {
        content: " ◼️◾️◻️";
    }

    li.confirmed:after {
        content: " ◼️◼️◻️";
        font-size: smaller;
    }

    li.master:after {
        content: " ◼️◼️◼️";
        font-size: smaller;
    }
}

/* Jobs */
div.job {
    h1 {
        span.job-start {
        }
        span.job-end {
            &:before {
                content: " – "
            }
        }
        span.job-company {
            &:before {
                content: ": "
            }
        }
    }
}