/* Print / PDF: single column, compact, text-based (ATS friendly). Target: 2 A4 pages. */
@page {
    size: A4;
    margin: 10mm 12mm 10mm;
}

html, body, #content {
    scroll-behavior: auto;
}

#sidebar, #footer, .scroll-to-top, .pdf-link, .headerOuter {
    display: none !important;
}

#contentWrapper, #content, #headerWrapper, #sections {
    float: none !important;
    position: static !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
}

/* Compact typography */
#content, #content * {
    font-size: 11px !important;
    line-height: 1.42 !important;
}

a {
    color: inherit !important;
    text-decoration: none !important;
}

/* Header */
body #header #header-top {
    padding: 0 !important;
}

body #header #header-top h1#title {
    font-size: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body #header #header-top .headline {
    margin: 2px 0 6px !important;
    padding: 0 !important;
}

body #header #header-top .headline b {
    font-size: 14px !important;
}

body #header ul.meta-data {
    margin: 0 !important;
}

body #header ul.meta-data li {
    padding: 0 !important;
    margin: 0 16px 2px 0 !important;
}

/* Sections */
#content .section {
    margin-top: 10px !important;
    padding: 0 !important;
}

.role-head h2.h2-titles {
    font-size: 13px !important;
    margin: 4px 8px !important;
}

#content .summary {
    padding: 6px 8px 0 !important;
}

#avatar-print {
    display: block;
    float: left;
    margin: 2px 12px 4px 0;
}

#avatar-print img {
    width: 78px;
    height: 78px;
    border: 1px solid #ccc;
}

#content .summary {
    display: flow-root;
}

/* The highlights repeat the summary: on paper they only cost space */
#content ul.highlights {
    display: none;
}

#content ul.highlights li,
#content .work-exp ul.bullets li {
    padding: 0 !important;
}

/* Skills: compact pills */
#content #skills ul.pill-tags {
    padding: 6px 8px 0 !important;
}

#content #skills ul.pill-tags > li {
    padding: 0 0 2px !important;
}

#content #skills ul.pill-tags > li h3 {
    margin: 0 0 3px !important;
}

#content #skills ul.pill-tags > li span {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 0 6px !important;
    margin: 0 4px 4px 0 !important;
}

#content #skills ul.pill-tags > li span:before {
    font-size: 9px !important;
}

/* Experience */
.box {
    box-shadow: none !important;
    border: 1px solid #ddd;
    margin-bottom: 8px !important;
}

#content .work-exp .box:first-child {
    margin-top: 6px !important;
}

#content .work-exp .meta h3 {
    padding: 4px 10px !important;
    border-top-width: 3px !important;
}

#content .work-exp .meta .sub-title {
    display: none !important;
}

#content .work-exp .position {
    padding: 4px 10px !important;
}

#content .work-exp .tools {
    padding: 2px 10px !important;
}

#content .work-exp .tools p {
    margin: 2px 0 !important;
}

#content #education h3 {
    margin: 8px 8px 0 !important;
}

#content ul.plain-list li {
    padding: 1px 0 !important;
}

/* Page breaks: keep small units together, let jobs flow across pages */
li.box {
    break-inside: auto;
    page-break-inside: auto;
}

p, .bullets li, .highlights li, .plain-list li, .earlier li, .meta, .tools, #skills ul.pill-tags > li {
    break-inside: avoid;
    page-break-inside: avoid;
}

.role-head, .meta, #education h3, .earlier h3 {
    break-after: avoid;
    page-break-after: avoid;
}

/* Text shadows are printed as a second copy of the text: ATS parsers read it twice */
* {
    text-shadow: none !important;
}

/* .clearfix is inline-block and flex sections fragment badly: both clip content across pages */
#contentWrapper, #content .section {
    display: block !important;
}

#contentWrapper, #content, #sections, #content .section {
    overflow: visible !important;
    height: auto !important;
}

/* Inline-block items pushed to a new page get lost in Chrome's PDF output */
#content ul.plain-list.inline li {
    display: inline;
    margin-right: 20px;
}

/* The link to the other language only makes sense on screen */
.lang-switch {
    display: none !important;
}