/*
Theme Name: Hemingway KRISBI
Theme URI: https://krisbi.jezik.hr
Description: Child tema Hemingwaya za mrežno izdanje Kristijanovićeve biblije — predlošci knjiga i poglavlja, naslovnica sa sadržajem i pretraživanjem, plutajući "Skoči na vrh". Paleta prema koricama Kristijanovićeva gazofilacija (crveno drvo, željezo, pergamena).
Template: hemingway
Author: Institut za hrvatski jezik
Version: 1.4.0
Text Domain: hemingway-krisbi
*/

/* =============================================================================
   0. PALETTE — from the "Kristijanovićev gazofilacij" cover
   ========================================================================== */

:root {
	--krisbi-accent: #8c4636;        /* brick-red wood */
	--krisbi-accent-dark: #6e3628;   /* deep oxblood */
	--krisbi-accent-soft: #eeddd2;   /* washed red tint */
	--krisbi-ink: #2e2b28;           /* iron black-brown */
	--krisbi-muted: #6f665c;         /* faded ink */
	--krisbi-paper: #f4ece0;         /* light parchment */
	--krisbi-paper-deep: #efe6d6;    /* panel parchment */
	--krisbi-page: #ece0cc;          /* page ground */
	--krisbi-border: #d9c7ae;        /* aged edge */
	--krisbi-highlight: #f3ddc9;     /* warm mark */
}

/* Page ground: parchment with a faint fibre grain (SVG tile). */
body {
	background-color: var(--krisbi-page);
	background-image: url(assets/images/krisbi-bg.svg);
}

/* Warm iron instead of stock near-black bands. */
.navigation.bg-dark,
.footer.bg-dark,
.credits.bg-dark { background-color: #2e2723; }
.header-cover.bg-dark-light { background-color: #55291e; }

/* Footer widget links must stay legible on the dark band
   (the generated accent CSS would paint them brick-red). */
.footer .widget_block a { color: #e9ddc9; }
.footer .widget_block a:hover { color: #fff; }

/* Sidebar is retired site-wide: content takes the full column. */
.content { width: 100%; }
.sidebar { display: none; }

/* Compact always-visible search in the desktop navigation bar.
   .blog-menu is a full-width <ul>, so a float would wrap onto a second row —
   lay the nav row out with flex instead and push the search to the right. */
@media (min-width: 801px) {
	.navigation-inner {
		display: flex;
		align-items: center;
	}
	.navigation-inner .blog-menu { flex: 0 1 auto; }
	.krisbi-nav-search { margin-left: auto; }
}
.krisbi-nav-search .search-form { display: flex; gap: 6px; align-items: center; }
.blog-menu li:hover a { background-color: #241f1b; }
.krisbi-nav-search .search-field {
	width: 200px;
	padding: 7px 12px;
	font-size: 0.8em;
	border: 1px solid #4a423c;
	border-radius: 4px;
	background: #f4ece0;
	color: var(--krisbi-ink);
	box-sizing: border-box;
}
.krisbi-nav-search .search-field:focus { outline: 2px solid var(--krisbi-accent); }
.krisbi-nav-search .search-submit { padding: 8px 14px; font-size: 0.8em; }

/* Stock Hemingway switches to the mobile nav (toggle bar) at 800px and paints
   its inner elements near-black (#1d1d1d/#282828) over our warm-iron band —
   repaint them all, and hide the desktop search at the same breakpoint. */
@media (max-width: 800px) {
	.krisbi-nav-search { display: none; }
	.navigation,
	.blog-search { background-color: #2e2723; }
	.toggle-container { background: #2e2723; }
	.search-toggle .glass { background-color: #2e2723; }
	.mobile-menu a {
		background-color: #352d26;
		border-bottom: 1px solid rgba(244, 236, 224, 0.08);
	}
	.mobile-menu a:hover { background-color: #3d342c; }
}

/* =============================================================================
   1. HEADER
   ========================================================================== */

/* Colour overlay over the header photo (inline background-image). */
.header.section { position: relative; }
.header.section::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--krisbi-accent-dark);
	opacity: 0.75;
	pointer-events: none;
}
.header.section > * { position: relative; z-index: 1; }

.header-inner2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-logo { order: 1; }
.header-column-center { margin-left: 15px; order: 2; }
.header-column-right { order: 2; }

/* The woodcut logo sits on a parchment plate, like a label on the old door. */
.header-logo a {
	display: inline-block;
	background: var(--krisbi-paper);
	padding: 12px 16px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 10px rgba(30, 12, 8, 0.45);
	line-height: 0;
}
.header-logo img { max-height: 170px; object-fit: contain; }
.header-column-right img { max-height: 200px; visibility: hidden; object-fit: contain; }
.header-column-center img { max-width: 90%; max-height: 100px; object-fit: contain; }

p.blog-description {
	font-family: 'Kitsch Text', 'Raleway', serif;
	font-size: 1.6em;
	line-height: 1.3;
	color: var(--krisbi-paper);
	text-shadow: 0 1px 3px rgba(40, 16, 10, 0.7);
	padding: 0;
	margin-top: -40px;
}

/* =============================================================================
   2. MIGRATED LEGACY BLOCKS (re-coloured to the new palette)
   ========================================================================== */

.post-content img {
	max-height: 200px;
	width: auto;
	display: block;
	opacity: 0.25;
	margin-bottom: 50px;
}
.post-content { text-align: center; }

.section.bg-second { background-color: #d9b9a2; }
.second { background: #d9b9a2; }

.post-nav-current {
	color: var(--krisbi-ink);
	text-align: center;
	margin: 50px 0 50px 0;
	word-break: break-word;
	display: inline-flex;
	align-content: center;
	height: 50px;
	background-color: rgba(140, 70, 54, 0.28);
	border-radius: 5px;
	padding: 13px;
}
.post-nav-current h5 { font-size: 1em; margin: 0; font-weight: 500; }
.natrag { color: #4a453f; margin-top: 50px; text-align: center; }

.custom-border-box {
	width: auto;
	border: 5px double var(--krisbi-ink);
	background-color: #fff;
	padding: 8px;
	margin-bottom: 20px;
	display: inline-block;
	box-sizing: border-box;
}
.custom-border-box h2 {
	margin: 0;
	font-size: 0.8em;
	font-weight: 500;
	font-family: 'Lato', sans-serif;
}

/* Front page hides the native title (it has its own welcome heading). */
.page-id-356 .entry-title { display: none; }

.post-nav-container { display: flex; justify-content: space-evenly; }
.column-4, .column-1 { margin-top: 7px; }

/* Footer widget column fonts + hidden language switcher (were edits inside parent style.css) */
.column-1 { font-family: 'Kitsch Text', serif; }
.column-2 { font-family: 'Georgia', serif; }
.column-3 { font-family: 'Lato', sans-serif; }
#language-switcher { display: none !important; }

/* Legacy chapter-list panel (wraps the grid on book pages) */
.chapter-list {
	background-color: var(--krisbi-paper-deep);
	border: 1px solid var(--krisbi-border);
	border-radius: 5px;
	padding: 20px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
}
.chapter-list h2 { font-size: 1.5em; margin-bottom: 10px; color: var(--krisbi-ink); }
.chapter-list ul { list-style-type: none; padding: 0; margin: 0; }
.chapter-list li { padding: 10px; border-bottom: 1px solid var(--krisbi-border); }
.chapter-list li:last-child { border-bottom: none; }
.chapter-list a { text-decoration: none; color: var(--krisbi-accent); font-weight: bold; display: block; }
.chapter-list a:hover { color: var(--krisbi-accent-dark); text-decoration: underline; }

/* Chapter prev/next navigation */
.chapter-navigation {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin: 20px 0;
	padding: 10px 20px;
	background-color: var(--krisbi-paper-deep);
	border: 1px solid var(--krisbi-border);
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
}
.chapter-navigation a {
	/* inline-block: a wrapped long title stays inside one padded button box
	   (inline links render broken per-line backgrounds when they wrap) */
	display: inline-block;
	text-decoration: none;
	color: var(--krisbi-accent);
	font-weight: bold;
	line-height: 1.45;
	padding: 10px 14px;
	border-radius: 4px;
	overflow-wrap: break-word;
	transition: background-color 0.3s, color 0.3s;
}
.chapter-navigation a:hover { background-color: var(--krisbi-accent); color: #fff; }
.chapter-navigation .prev-chapter,
.chapter-navigation .next-chapter { flex: 0 1 47%; min-width: 0; }
.chapter-navigation .prev-chapter { text-align: left; }
.chapter-navigation .next-chapter { text-align: right; margin-left: auto; }

.back-to-book { text-align: center; margin-top: 20px; }
.back-to-book a {
	text-decoration: none;
	color: var(--krisbi-accent);
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: var(--krisbi-paper-deep);
	border: 1px solid var(--krisbi-border);
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
	transition: background-color 0.3s, color 0.3s;
}
.back-to-book a:hover { background-color: var(--krisbi-accent); color: #fff; }

/* Chapter title + reading panel */
.entry-header .entry-title {
	font-size: 2em;
	margin-bottom: 20px;
	color: var(--krisbi-ink);
	text-align: center;
	background-color: var(--krisbi-paper-deep);
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
	border: 1px solid var(--krisbi-border);
}
.entry-content {
	font-size: 0.9em;
	color: var(--krisbi-ink);
	background-color: var(--krisbi-paper);
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
	border: 1px solid var(--krisbi-border);
	margin-bottom: 20px;
}

/* =============================================================================
   3. KRISBI COMPONENTS
   ========================================================================== */

/* --- Breadcrumbs ------------------------------------------------------- */
.krisbi-breadcrumbs {
	font-size: 0.85em;
	color: var(--krisbi-muted);
	margin: 0 0 20px;
	font-family: 'Lato', sans-serif;
	overflow-wrap: anywhere;
}
.krisbi-breadcrumbs a { color: var(--krisbi-muted); text-decoration: none; border-bottom: 1px dotted #a3947c; }
.krisbi-breadcrumbs a:hover { color: var(--krisbi-accent-dark); }
.krisbi-breadcrumbs .sep { margin: 0 6px; color: #b3a48a; }
.krisbi-breadcrumbs .current { color: var(--krisbi-ink); font-weight: bold; }

/* --- Chapter navigation bar (book + chapter selects) ------------------- */
.krisbi-chapter-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin: 0 0 25px;
	padding: 12px 15px;
	background: var(--krisbi-paper-deep);
	border: 1px solid var(--krisbi-border);
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
}
.krisbi-chapter-nav label {
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	color: var(--krisbi-muted);
}
.krisbi-chapter-nav select,
.krisbi-jump select,
.krisbi-jump input[type="number"] {
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	padding: 8px 10px;
	border: 1px solid var(--krisbi-border);
	border-radius: 4px;
	background-color: #fff;
	color: var(--krisbi-ink);
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.krisbi-chapter-nav select:focus,
.krisbi-jump select:focus,
.krisbi-jump input:focus { outline: 2px solid var(--krisbi-accent); }
.krisbi-chapter-nav .krisbi-nav-sep { color: #b3a48a; }
.krisbi-chapter-nav select[name="krisbi_kj"] { max-width: 320px; }

.krisbi-nav-go,
.krisbi-jump button {
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	padding: 8px 16px;
	background-color: var(--krisbi-accent);
	border: 1px solid var(--krisbi-accent-dark);
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}
.krisbi-nav-go:hover,
.krisbi-jump button:hover { background-color: var(--krisbi-accent-dark); }

/* --- Chapter book label above the title --------------------------------- */
.krisbi-chapter-book {
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 0.9em;
	margin: 0 0 6px;
}
.krisbi-chapter-book a { color: var(--krisbi-muted); text-decoration: none; }
.krisbi-chapter-book a:hover { color: var(--krisbi-accent-dark); }

/* --- Chapter grid on book pages ----------------------------------------
   Higher specificity than the legacy ".chapter-list a { display:block }". */
.krisbi-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 20px 0;
}
.krisbi-grid a.krisbi-grid-cell,
.krisbi-grid span.krisbi-grid-cell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
	min-width: 44px;
	min-height: 44px;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid var(--krisbi-border);
	border-radius: 4px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: var(--krisbi-ink);
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}
.krisbi-grid a.krisbi-grid-cell:hover,
.krisbi-grid a.krisbi-grid-cell:focus {
	background: var(--krisbi-accent);
	border-color: var(--krisbi-accent-dark);
	color: #fff;
}
.krisbi-grid span.krisbi-grid-cell--missing {
	background: #e5dac6;
	border-style: dashed;
	color: #a3947c;
	cursor: default;
}
.krisbi-grid-legend {
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	color: var(--krisbi-muted);
	margin: 6px 0 0;
}

/* --- Homepage: welcome hero --------------------------------------------- */
.krisbi-welcome {
	text-align: center;
	padding: 38px 26px 30px;
	margin-bottom: 30px;
	background: var(--krisbi-paper);
	border: 3px double var(--krisbi-accent);
	border-radius: 6px;
	box-shadow: 0 3px 10px rgba(60, 30, 20, 0.15);
}
.krisbi-welcome .entry-content {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: var(--krisbi-ink);
}
.krisbi-welcome h2 {
	font-family: 'Kitsch Text', 'Raleway', serif;
	font-size: 2.1em;
	color: var(--krisbi-accent-dark);
	margin: 0 0 14px;
	line-height: 1.25;
}
.krisbi-welcome h2:after {
	content: "";
	display: block;
	width: 90px;
	margin: 14px auto 0;
	border-bottom: 3px double var(--krisbi-accent);
}
.krisbi-welcome p {
	font-size: 1.06em;
	line-height: 1.65;
	max-width: 660px;
	margin: 0 auto 12px;
}
.krisbi-welcome p:last-child { margin-bottom: 0; }

/* --- Homepage: search hero ----------------------------------------------- */
.krisbi-hero {
	text-align: center;
	padding: 26px 20px 18px;
	margin-bottom: 30px;
	background: var(--krisbi-paper-deep);
	border: 1px solid var(--krisbi-border);
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(60, 30, 20, 0.12);
}
.krisbi-hero .search-form {
	display: flex;
	gap: 8px;
	justify-content: center;
	max-width: 560px;
	margin: 0 auto 14px;
}
.krisbi-hero .search-form .search-field {
	flex: 1;
	min-width: 0;
	padding: 10px 14px;
	font-size: 1em;
	box-sizing: border-box;
}
.krisbi-hero .search-form .search-submit { padding: 10px 20px; }
.krisbi-hero-hint {
	font-family: 'Lato', sans-serif;
	font-size: 0.8em;
	color: var(--krisbi-muted);
	margin: 8px 0 16px;
}
.krisbi-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	max-width: 560px;
}

/* --- Homepage: TOC -------------------------------------------------------- */
.krisbi-toc {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-bottom: 40px;
}
.krisbi-toc-col h2 {
	font-size: 1.3em;
	border-bottom: 3px double var(--krisbi-accent);
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.krisbi-toc-col h2 a { color: var(--krisbi-ink); text-decoration: none; }
.krisbi-toc-col h2 a:hover { color: var(--krisbi-accent-dark); }
.krisbi-toc-col ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.krisbi-toc-col ol li {
	padding: 8px 4px;
	border-bottom: 1px solid #ded0b8;
	font-size: 0.95em;
}
.krisbi-toc-col ol li:last-child { border-bottom: none; }
.krisbi-toc-col a { text-decoration: none; color: var(--krisbi-ink); }
.krisbi-toc-col a:hover { color: var(--krisbi-accent-dark); text-decoration: underline; }
.krisbi-toc-count {
	font-family: 'Lato', sans-serif;
	font-size: 0.75em;
	color: #a3947c;
	margin-left: 6px;
}

/* --- Search results ------------------------------------------------------- */
.krisbi-search-count {
	font-family: 'Lato', sans-serif;
	color: var(--krisbi-muted);
	font-size: 0.9em;
	margin-top: -10px;
}
.krisbi-result { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid #ded0b8; }
.krisbi-result-eyebrow {
	font-family: 'Lato', sans-serif;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #a3947c;
	margin: 0 0 2px;
}
.krisbi-result h2 { font-size: 1.15em; margin: 0 0 6px; }
.krisbi-result h2 a { text-decoration: none; color: var(--krisbi-ink); }
.krisbi-result h2 a:hover { color: var(--krisbi-accent-dark); }
.krisbi-result p { font-size: 0.9em; margin: 0; color: #4a453f; }
.krisbi-result mark,
.searchwp-live-search-results mark,
.entry-content mark {
	background: var(--krisbi-highlight);
	padding: 0 2px;
	border-radius: 2px;
}
.searchwp-live-search-result .krisbi-live-book {
	color: #a3947c;
	font-size: 0.85em;
}
/* Live-search dropdown: keep within the viewport on small screens. */
.searchwp-live-search-results {
	max-width: calc(100vw - 24px);
}

/* --- Floating "Skoči na vrh" ----------------------------------------------- */
.krisbi-totop {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 999;
	width: 48px;
	height: 48px;
	/* flex centering + zero padding: the parent theme gives <button> generous
	   padding which pushed the arrow out of centre */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--krisbi-accent-dark);
	background: var(--krisbi-accent);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(40, 16, 10, 0.35);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.25s, transform 0.25s;
}
.krisbi-totop[hidden] { display: none; }
.krisbi-totop span { display: block; }
.krisbi-totop.is-visible { opacity: 1; transform: translateY(0); }
.krisbi-totop:hover { background: var(--krisbi-accent-dark); }
@media (prefers-reduced-motion: reduce) {
	.krisbi-totop { transition: none; }
}

/* --- Buttons + Kazalo table ---------------------------------------------------- */
.krisbi-welcome-actions { margin: 22px 0 0; }
.krisbi-btn {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	padding: 11px 24px;
	background-color: var(--krisbi-accent);
	border: 1px solid var(--krisbi-accent-dark);
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.2s;
}
.krisbi-btn:hover,
.krisbi-btn:focus { background-color: var(--krisbi-accent-dark); color: #fff; }

/* Smooth in-page anchor scrolling (e.g. #kazalo), honouring reduced motion. */
@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}
#kazalo { scroll-margin-top: 24px; }

.krisbi-table-wrap { overflow-x: auto; }
table.krisbi-kazalo {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Lato', sans-serif;
	font-size: 0.85em;
	background: #fff;
	margin: 10px 0 20px;
}
.krisbi-kazalo th,
.krisbi-kazalo td {
	border: 1px solid var(--krisbi-border);
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
}
.krisbi-kazalo thead th {
	background: var(--krisbi-paper-deep);
	color: var(--krisbi-ink);
}
.krisbi-kazalo tbody tr:nth-child(even) { background: var(--krisbi-paper); }
.krisbi-kazalo td:first-child { white-space: nowrap; font-weight: bold; }

/* --- Misc -------------------------------------------------------------------- */
.krisbi-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.krisbi-nojs-note { font-size: 0.8em; color: var(--krisbi-muted); }

/* Verse anchor highlight when deep-linked (#r5) */
.entry-content li:target {
	background: var(--krisbi-highlight);
	border-radius: 3px;
}

/* =============================================================================
   4. RESPONSIVE
   ========================================================================== */

/* Selects never wider than their container (long Kajkavian book titles!). */
select { max-width: 100%; min-width: 0; box-sizing: border-box; }

@media (max-width: 700px) {
	.krisbi-toc { grid-template-columns: 1fr; }

	/* Search + jump: input, selects and buttons all full width, stacked. */
	.krisbi-hero .search-form { flex-direction: column; }
	.krisbi-hero .search-form .search-field,
	.krisbi-hero .search-form .search-submit { width: 100%; }
	.krisbi-jump { flex-direction: column; align-items: stretch; }
	.krisbi-jump select,
	.krisbi-jump input[type="number"],
	.krisbi-jump button { width: 100%; }

	/* Chapter nav bar: stacked, full-width controls. */
	.krisbi-chapter-nav { flex-direction: column; align-items: stretch; text-align: center; }
	.krisbi-chapter-nav select,
	.krisbi-chapter-nav .krisbi-nav-go { width: 100%; }
	.krisbi-chapter-nav select[name="krisbi_kj"] { max-width: 100%; }
	.krisbi-chapter-nav .krisbi-nav-sep { display: none; }

	.chapter-navigation { flex-direction: column; text-align: center; }
	.chapter-navigation .prev-chapter,
	.chapter-navigation .next-chapter { flex-basis: auto; text-align: center; margin-left: 0; }
	.chapter-navigation a { display: block; padding: 12px 14px; }

	.krisbi-welcome h2 { font-size: 1.6em; }
	p.blog-description { font-size: 1.15em; text-align: left; padding-left: 15px; }
	/* stock's decorative rule above the tagline is auto-centred — align it left too */
	.blog-description:before { margin: 15px 0; }
	.header-logo img { max-height: 110px; }
	.krisbi-totop { right: 14px; bottom: 14px; }
}

/* =============================================================================
   5. PRINT
   ========================================================================== */

@media print {
	.krisbi-totop,
	.krisbi-chapter-nav,
	.chapter-navigation,
	.back-to-book,
	.krisbi-breadcrumbs,
	.navigation { display: none !important; }
}