.no-print {
    display: none !important;
}

body {
    font-size: 10pt;
}

@page {
    size: A4;
    margin: 60pt 40pt 60pt;
}

h1, h2, h3, h4, h5 {
    page-break-after: avoid;
}

main {
    border: none;
    box-shadow: none;
}

.title-section {
    color: #333333 !important;
}

.application-section {
    margin: 0 auto;
    border-top: none !important;
    border-bottom: none !important;
}

[data-role=action],
[data-role=image],
.media {
    display: none !important;
}

.contact-image {
    display: none;
}

.hero {
    height: auto !important;
    background-image: none !important;
}

.hero .container {
    padding-bottom: 0px;
}

.hero .overlay {
    display: none !important;
}

.hero .container h2, .hero .container p {
    color: #333333 !important;
}

.job {
    padding: 20px 0px 40px;
}

h1 {
    font-size: 24pt !important;
    line-height: 1.2 !important;
    color: #333333 !important;
    margin-top:0px;
}

h2, h2 b {
    font-size: 16pt !important;
    line-height: 1.2 !important;
    color: #333333 !important;
}

h3, h3 b {
    font-size: 14pt !important;
    line-height: 1.2 !important;
    color: #333333 !important;
}

.subtitle, .subtitle b {
    font-size: 12pt !important;
    line-height: 1.2 !important;
    color: #333333 !important;
}

p, span, li {
    font-size: 10pt !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}

section {
    padding: 20px 0px;
}

.grid.more-about,
.grid.location {
    margin-top: 10px;
}

section.bg,
.contact-background {
    background-color: transparent !important;
}

.contact-background {
    display: none !important;
}

section.contact {
    padding-bottom: 0px !important;
}

section.contact .container {
    margin-top:0px;
}

.grid.role {
    border: none !important;
    padding: 0px !important;
    margin-top: 0px !important;
    display: block !important;
}

.grid.role .col {
    padding: 0px !important;
    border: none !important;
}

.grid.role .col h3 {
    margin-bottom: 10px !important;
}

.grid.role .col li {
    gap: 5px !important;
}

.grid.role .col li::before {
    content: "•" !important;
    color: #333333 !important;
    font-size: 10pt !important;
    line-height: 1.5 !important;
    margin-right: 5px !important;
    background-image: none !important;
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
}

.grid.role .col ul {
    gap: 5px !important;
    margin: 10px 0px !important;
}

.grid.role .col.profile {
    background-color: transparent !important;
}

.grid.location {
    padding: 0px !important;
    display: block !important;
    margin-top: 0px !important;
    border: none !important;
}

.grid.location .col.info {
    padding:0px !important;
    gap: 10px !important;
}

.contact-card {
    box-shadow: none !important;
    padding: 0px !important;
    gap: 10px !important;
}

.contact-info {
    background-color: transparent !important;
    padding: 0px !important;
}

.contact-details h4 {
    color: #333333 !important;
    font-size: 12pt !important;
}

section.animate-on-scroll, .hero.animate-on-scroll, .contact-background.animate-on-scroll, .cta.animate-on-scroll, .stat.animate-on-scroll, .contact-card.animate-on-scroll {
    opacity: 1 !important;
}

section.animate-on-scroll.in-view {
    animation: none !important;
}

.job-metas {
    flex-direction: row !important;
}

.printOnly {
    display: block;
}