/* TECHNICAL GUIDE MEDIA QUERIES Version 1.3.5 ======================= MEDIA & FEATURE QUERIES ======================= DIVISIONAL BRANDING */ @media all { .banner_pelican { padding-left: 2.2em; } } @media amzn-et { .banner_penguin, .banner_pelican, .banner_puffin, .banner_ladybird { background-size: contain; } .banner_pelican { padding: 30px 10px 30px 3.5em; /* Fixes ET background positioning issue */ } } /* SIDEBAR ADAPTIVE MEDIA QUERIES, SIDEBAR ET and KiOS FIXES */ /* THUMBNAIL TOC GRID FOR KINDLE ET */ @media amzn-et { div.chapter_toc { display: none; } h2.chapter_toc_header { display: none; } } /* VERTICAL CENTERING */ @supports (display: flex) { . cover_image, . image_full, . image_full_landscape, . image_full_caption, . image_full_caption_landscape, . brand_logo_solo, . vertical_center { height: 96%; height: 96vh; margin-top: 0px ! important; text-align: center; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; justify-content: center; } . brand_logo_solo img, . vertical_center figure { margin-top: -60px; } } /* OPTIONAL SCALING THUMBNAILS [OPTIONAL / EXPERIMENTAL] Adds scaling animation to Thumbnail TOC Grid for desktop and web. */ @-webkit-keyframes scaleThumb { 0%, 100% { width: 100%; } 50% { width: 85%; } } @keyframes scaleThumb { 0%, 100% { width: 100%; } 50% { width: 85%; } } /* KINDLE-SPECIFIC */ /* ADE 4 / Readium Fixes */ @media (hover: hover) { @supports not (break-after: always) { . pagebreak_after, div . chapter_toc, . image_full, . image_full_caption, . image_full_landscape, . image_full_caption_landscape { /* ADE4 , Readium fix ... breaks Apple Books */ break-after: always; -webkit-column-break-after: always; }: root [__ibooks_internal_theme]. pagebreak_after,: root [__ibooks_internal_theme]div . chapter_toc { /* Override ADE4 , Readium fix to restore breaks on Apple Books */ break-after: always; page-break-after: always; } } @supports not (break-before: always) { . pagebreak_before { /* ADE4 , Readium fix ... breaks Apple Books */ break-before: always; -webkit-column-break-before: always; }: root [__ibooks_internal_theme]. pagebreak_before { /* Override ADE4 , Readium fix to restore breaks on Apple Books */ break-before: always; page-break-before: always; } } @supports not (break-inside: avoid) { img, . image_full, . image_full_caption, . image_full_landscape, . image_full_caption_landscape { /* ADE4 , Readium fix ... breaks Apple Books */ break-inside: avoid; -webkit-column-break-inside: avoid; }: root [__ibooks_internal_theme]img { /* Override ADE4 , Readium fix to restore breaks on Apple Books */ break-inside: avoid; page-break-inside: avoid; } } }