/*
 * Durango Herald article print stylesheet.
 * Loaded only for singular post pages with media="print".
 */

@page {
    size: auto;
    margin: 0.55in 0.6in;
}

html,
body {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #000 !important;
    background: #fff !important;
}

body {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 11pt !important;
    line-height: 1.55 !important;
    -webkit-print-color-adjust: economy;
    print-color-adjust: economy;
}

*,
*::before,
*::after {
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
}

/* Site chrome, navigation, ads, widgets, and non-article content. */
body > header,
body > footer,
header.bg-black,
.footer-main,
.footer-bottom,
.navbar,
.mobile-menu-collapse,
.navbar-toggler,
#mobileMenu,
#herald-search-bar,
.herald-search-toggle,
.breaking-bar,
.ticker-wrap,
.sticky-top,
.herald-ad,
.herald-ad--leaderboard,
.herald-ad--rail,
.herald-ad--site-masthead,
[id^="div-gpt-ad-"],
[class*="advertisement"],
[aria-label="Advertisement"],
.share-fixed,
.share-mobile,
.share-button-container,
#shareArticleButton,
.share-btn,
#everlit-auto-audio-widget,
#everlit-audio-embed-container,
[id*="everlit"],
[class*="everlit"],
.article-comments,
#disqus_thread,
#disqus_recommendations,
.disqus-request-user-inform-block,
.paywall-login-button,
#paywall-header-link,
.btn-subscribe,
.btn-login,
.btn-light.rounded-pill,
.article-tags,
.tag-list,
[class*="tag-pill"],
[class*="article-tag"],
.related-tags,
.post-tags,
.related-articles,
.more-articles,
.article-sidebar-col,
#wonderchat-seo-wrapper,
[id*="wonderchat"],
[class*="wonderchat"],
.w-100[alt="Banner"],
.herald-form-card,
.naviga-video-embed,
.naviga-video-selfhosted,
.wp-block-embed.is-type-video,
iframe,
video {
    display: none !important;
}

/* Remove Bootstrap's negative gutters and desktop article indentation. */
main,
main > .container,
.container,
.container-fluid,
.article-page-row,
.article-main-col,
article,
.article-body-container,
.article-body,
.article-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

main,
main > .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.row,
.article-page-row,
.g-5,
.g-xl-5 {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.col,
[class^="col-"],
[class*=" col-"],
.article-main-col {
    display: block !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Print only the article. Keep this after the generic Bootstrap column reset so
 * the sidebar cannot be restored by the later [class*="col-"] rule. */
aside,
.article-sidebar-col,
.article-page-row > aside {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Print masthead. */
body::before {
    content: "Durango Herald — durangoherald.com";
    display: block;
    margin: 0 0 14pt;
    padding: 0 0 6pt;
    border-bottom: 1pt solid #000;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Headline and article metadata. */
h1,
.article-main-col h1.serif-font {
    margin: 0 0 7pt !important;
    color: #000 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 22pt !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    page-break-after: avoid;
    break-after: avoid-page;
}

h2,
h3,
h4 {
    color: #000 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    page-break-after: avoid;
    break-after: avoid-page;
}

.article-subtitle,
.text-secondary.fs-5.serif-font {
    margin: 0 0 11pt !important;
    color: #333 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 13pt !important;
    font-style: italic;
    line-height: 1.35 !important;
}

.border-top.border-bottom.border-secondary-subtle {
    margin: 0 0 12pt !important;
    padding: 6pt 0 !important;
    border-color: #bbb !important;
    gap: 6pt !important;
}

.border-top.border-bottom .fw-semibold {
    font-size: 10pt !important;
}

.border-top.border-bottom .small {
    color: #555 !important;
    font-size: 9pt !important;
}

.article-author-photo,
.rounded-circle[style*="width:48px"] {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
}

/* Article text. */
.article-body,
.article-content {
    color: #000 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 11pt !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

.article-body:first-of-type p:first-of-type:first-letter {
    float: none !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.article-content p,
.article-body p {
    margin: 0 0 9pt !important;
    orphans: 3;
    widows: 3;
}

blockquote,
.article-content blockquote {
    margin: 10pt 0 10pt 18pt !important;
    padding-left: 10pt !important;
    border-left: 2pt solid #444 !important;
    color: #222 !important;
    font-style: italic;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

ul,
ol {
    padding-left: 22pt !important;
}

li {
    margin-bottom: 3pt;
}

/* Images must stay inside the printable page and retain aspect ratio. */
img,
.article-content img,
.article-body img,
figure img,
.card-img-fixed,
.wp-post-image,
img.attachment-full,
img.size-full {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 5.75in !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

figure,
.naviga-inline-image,
.naviga-image,
.wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10pt 0 !important;
    padding: 0 !important;
    page-break-inside: avoid;
    break-inside: avoid-page;
}

figcaption,
.article-content figcaption {
    margin-top: 3pt !important;
    color: #555 !important;
    font-size: 8.5pt !important;
    font-style: italic;
    line-height: 1.3 !important;
}

/* Links remain readable without allowing long URLs to widen the page. */
a,
a:visited {
    color: #000 !important;
    text-decoration: underline !important;
}

.article-content a[href]::after {
    content: " (" attr(href) ")";
    color: #555;
    font-size: 8pt;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.article-content a[href^="#"]::after,
.article-content a[href^="javascript:"]::after,
.article-content a[href^="mailto:"]::after,
.article-content a[href^="tel:"]::after {
    content: "" !important;
}

pre,
code,
table {
    max-width: 100% !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
}

table,
figure,
img,
blockquote {
    page-break-inside: avoid;
    break-inside: avoid-page;
}

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