/* Own additions on top of the theme stylesheet (Aperitive, anchor 20220217032530).
   The theme script used to reveal the hero and the cards; here they are visible
   from the start, and the illustrations replace the original photographs. */
#heroBox, .masonry { opacity: 1; }
.hero img { display: none; }
.grid-wrapper .hentry, .gallery-wrapper .hentry { opacity: 1; transform: none; }

/* related entries are filled at build time */
#jp-relatedposts { display: block; }

/* in-text illustrations keep the caption style of the theme */
.entry-content .wp-caption { max-width: 100% !important; margin-left: 0; margin-right: 0; }
.entry-content .wp-caption img { display: block; width: 100%; height: auto; }

/* visible breadcrumbs above the entry */
.breadcrumbs { font-size: 13px; letter-spacing: .3px; margin: 0 0 2.4rem; opacity: .75; }
.breadcrumbs a { font-weight: 400; border-bottom: none; }
.breadcrumbs .sep { margin: 0 .35em; opacity: .6; }

/* plain-text tags under a post (tag pages are not kept) */
.entry-footer .tags-links span:after { content: ","; }
.entry-footer .tags-links span:last-of-type:after { content: ""; }
.entry-footer .tags-links span { opacity: .4; margin-left: .25em; }

/* contact form confirmation */
.contact-form-submission[hidden], form.contact-form[hidden] { display: none; }
.contact-form .grunion-field-label span { font-weight: 400; margin-left: .25em; opacity: .7; }
.contact-form .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
form.contact-form textarea { min-height: 160px; }

/* footer line */
.site-info a { font-weight: 400; }

/* the theme script stretched the text column to the window height so short pages
   sit in the middle; a table height works as a minimum height */
@media only screen and (min-width: 1025px) {
	#content { height: 100vh; }
}

/* form button: the theme pairs blue text with its default black button; inverted
   to white for contrast on the blue page */
.contact-form input[type=submit] { background-color: #fff; color: #002fa7; border: 1px solid #fff; }
.contact-form input[type=submit]:hover, .contact-form input[type=submit]:focus { background-color: transparent; color: #fff; }

/* hero illustrations are drawn from the top: the band under the site title and the menu
   is kept free of objects (tools/lib/art.mjs, clearTop) */
#heroBox { background-position: center top; }

/* Writing grid: a short lead under each picture */
.gallery-wrapper .entry-summary { padding: 18px 24px 28px; }
.gallery-wrapper .entry-summary p { color: #fff; font-size: 15px; line-height: 1.6; margin: 0; opacity: .85; }
@media only screen and (max-width: 767px) {
	.gallery-wrapper .entry-summary { padding: 14px 30px 24px; }
}
