@page {
  margin: 18mm 20mm 20mm;
}

html,
body {
  background: none !important;
  color: #000;
  font: 11pt/1.5 "Source Serif 4 Variable", Georgia, serif;
}

body::before {
  content: "The duPs \2022  The website of Paul and Margaret du Plessis \2022  thedups.com";
  display: block;
  margin-bottom: 14pt;
  padding-bottom: 5pt;
  border-bottom: 0.5pt solid #999;
  color: #666;
  font: 8.5pt "Titillium Web", Arial, sans-serif;
  letter-spacing: 0.02em;
}

.site-header,
.breadcrumbs,
.section-nav,
.sidebar,
.site-footer,
.article-nav,
.skip-link,
.pswp {
  display: none !important;
}

.sheet,
.layout,
#main {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

#main .page-title {
  margin: 0 0 2pt;
  color: #000;
  font-size: 20pt;
}

#main .page-title a {
  color: inherit;
  text-decoration: none;
}

#main .article-meta {
  margin: 0 0 14pt;
  color: #555;
  font-size: 9pt;
}

#main .latest {
  margin-top: 18pt;
  padding: 12pt 0 0;
  border-top: 0.5pt solid #999;
  background: none;
}

#main .article-list li {
  padding: 3pt 0;
}

#main .article-list a:link,
#main .article-list a:visited {
  text-decoration: none;
}

#main p {
  margin: 0 0 0.75em;
}

#main h3,
#main h4 {
  break-after: avoid;
}

#main a:link,
#main a:visited {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
}

#main img {
  max-width: 100% !important;
  height: auto !important;
  break-inside: avoid;
}

#main img[style*="float: right"],
#main img[style*="float:right"],
#main img[align="right"] {
  max-width: 45% !important;
  margin: 2pt 0 8pt 12pt !important;
}

#main img[style*="float: left"],
#main img[style*="float:left"],
#main img[align="left"] {
  max-width: 45% !important;
  margin: 2pt 12pt 8pt 0 !important;
}

#main table {
  max-width: 100%;
}

#main tr,
#main blockquote {
  break-inside: avoid;
}

#main iframe,
#main object,
#main embed {
  display: none;
}

#main .slideshow-nav {
  display: none;
}

#main .slideshow-track {
  display: block;
}

#main .slideshow-track img {
  max-width: 60% !important;
}

#main .slideshow-track img ~ img {
  display: none;
}

#main .album-grid,
#main .photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8pt;
  padding: 0;
  list-style: none;
}

#main .album-grid li,
#main .photo-grid li {
  break-inside: avoid;
}

#main .album-grid img,
#main .photo-grid img {
  box-shadow: none !important;
  border: 0.5pt solid #ccc;
}

#main .album-grid a:link,
#main .album-grid a:visited {
  font-size: 9pt;
  text-decoration: none;
}