/*
TECHNICAL GUIDE MEDIA QUERIES
Version 1.3

	=======================
	MEDIA & FEATURE QUERIES
	=======================






DIVISIONAL BRANDING

*/
@media amzn-kf8 {
	.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;
		background-color: #FFF;				/* Fixes ET background positioning issue */
	}
}
/*

Dropcaps

*/
@media only screen and (max-device-width: 750px) {
	p.dropcap::first-letter {
		initial-letter: 2;
		-webkit-initial-letter: 2;
		font-weight: normal;
	}
}
/*

SIDEBAR ADAPTIVE MEDIA QUERIES,
SIDEBAR ET and KiOS FIXES

*/
@media screen and (max-width: 512px), amzn-et, amzn-kf8 and (device-height:1024px) and (device-width: 758px), amzn-kf8 and (device-height: 768px) and (device-width: 1024px) {
	.sidebar_wrapper {
		float: none;
		font-size: 0.85em;
		margin-bottom: 1em;
		padding: 0px;
		text-align: left;
		width: 100%;
		/*border-left: 3px solid #eeeeee; 		OPTIONAL SIDEBAR BORDER
		padding-left: 7px;						Activate these three lines for left border if
		margin-left: 5px;						desired. */
	}
	.sidebar_wrapper p {
		text-align: left;
	}
	.sidebar_wrapper h1, .sidebar_wrapper h2, .sidebar_wrapper h3, .sidebar_wrapper h4, .sidebar_wrapper h5 {
		text-align: left;
	}
	.sidebar_wrapper .stacked_image {
		width: 33.3%;						/* Divide width of sidebar by the number of child images, in this example, 3 images. Works best with 3 to 5 square-aspect images. */
	}
	h1 + .sidebar_wrapper, h2 + .sidebar_wrapper, h3 + .sidebar_wrapper, h4 + .sidebar_wrapper {
		margin-top: 2em;
	}
	.maincontent_wrapper {
		clear: both;
		float: none;
		padding: 0px;
		width: 100%;
	}
	.bordered_sidebar_content {
		border: 0;
		padding: 0;
	}
}
/*

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.

*/
.chapter_toc a:hover img, .chapter_toc a:focus img, .chapter_toc a:active img {
	-webkit-animation: scaleThumb 0.2s;
	animation: scaleThumb 0.2s;
	-webkit-transform: translate3d(0, 0, 0);	/* Force hardware acceleration */
}
@-webkit-keyframes scaleThumb {
	0%, 100% {width: 100%;}
	50% {width: 85%;}
}
@keyframes scaleThumb {
	0%, 100% {width: 100%;}
	50% {width: 85%;}
}
/*

KINDLE-SPECIFIC

*/
@media not amzn-kf8 {
	.kf8_only {
		display: none;
	}
}
@media amzn-kf8 {
	.epub3_only {
		display: none;
	}
}
/*

ADE 4.X Fixes

*/
@supports not ((page-break-after: always) and (break-after: always)) {
	.pagebreak_after, .chapter_toc, .image_full, .image_full_caption, .image_full_landscape, .image_full_caption_landscape {
		-webkit-column-break-after: always;
  }
}
@supports not ((page-break-after: avoid) and (break-after: avoid)) {
	h1, h2, h3, h4, h5, h6, h2.chapter_toc_header, .cover_image {
		-webkit-column-break-after: avoid;
  }
}
@supports not ((page-break-before: always) and (break-before: always)) {
	.pagebreak_before {
		-webkit-column-break-before: always;
  }
}
@supports not ((page-break-inside: avoid) and (break-inside: avoid)) {
	img, .image_full, .image_full_caption, .image_full_landscape, .image_full_caption_landscape {
		-webkit-column-break-inside: avoid;
	}
}