/* Copyright 2007-2011 Devious Fish.  All rights reserved. */
/* @(#) $Id: m4handheld.css 167 2022-10-09 16:40:12Z perette $ */

/* For handhelds, the navigation bar is probably too wide and the */
/* navigation menu is taking up valuable space in the left gutter */
/* Move them to the top in a box to offset them, and get rid of */
/* the gutter. */
/* Override dumbass fancy layout stuff that didn't think of handhelds. */

BODY {
	max-width: 480px;
}
#canvas {
        grid-template-areas: "content" "leftgutter" "rightgutter";
}
DIV#leftgutter,
DIV#rightgutter {
	max-width: none;
	min-width: 0;
	width: auto !important;
}

NAV.m4hamburg UL#navigation,
NAV.m4hamburg UL#navigationbar {
	float: none;
	width: auto !important;
	border: solid medium #777;
	margin-left: 0;
	margin-right: 0;
	font-size: 100%;
}

DIV#navigationbarhandle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 3;
}
DIV#navigationbaractivator {
        display: block;	
	position: fixed;
	right: 0;
}

DIV#navigationbaractivator IMG {
        height: auto;
        width: auto;
        max-height: 3em;
        max-width: 3em;
        opacity:0.3;
}
DIV#navigationbaractivator.active IMG {
        opacity:1;
}

NAV.m4hamburg UL#navigationbar {
	display: none;
	position: absolute;
	right: 0;
	top: 48px;
}

NAV.m4hamburg UL#navigationbar > LI,
NAV.m4hamburg UL#navigationbar > LI:first-child {
	float: none;
	border: none;
	padding: 0;
	line-height: 1.1;
}
NAV.m4hamburg UL#navigationbar LI {
	margin: 1ex;
	white-space: nowrap;
}

NAV.m4hamburg UL#navigationbar > LI > UL {
	position: absolute;
	margin: 0;
	border: thin solid #AAA;
	right: 0 !important;
	left: auto !important;
}

NAV.m4hamburg UL#navigationbar A, UL#navigationbar SPAN {
	display: block;
}
/* Add a down arrow to indicate pop-up menu items. */
NAV.m4hamburg LI.navigationbargrouptitle > A:after,
NAV.m4hamburg LI.navigationbargrouptitle > SPAN:after {
        content: " \25BC";
        font-size: 70%;
}

NAV.onelevelhandheld UL#navigationbar > LI > UL {
	display: none;
}
NAV.stickyhandheld {
	z-index: 13;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
}



/* The screen is small enough -- turn off affiliations and revisions */
DIV#affiliations {
	display: none;
}

/* Display stuff that's for handhelds only */
.handheldonly,
.m4navicon,
UL#navigationbar > LI.handheldonly {
	display: initial;
}
.m4navicon {
	font-size: 150%;
}

DIV.handheldonly {
	clear: both;
}

.nothandheld,
.screenonly {
	display: none !important;
}

DIV#footnotes UL {
	list-style-type: none;
	padding-left: 0ex;
}
DIV#footnotes > UL > LI {
	margin-top: 1ex;
	margin-bottom: 1ex;
}
DIV#footnotes UL UL,
DIV#footnotes UL OL {
	list-style-type: disc;
	padding-left: 3ex;
}

/* Don't try to show large thumbnails. */
DIV.m4thumbnail:hover DIV.m4magnified {
	display: none;

}

/* ---------- Table Layout support ------- */

/* Figure images need to stack on small screens. */
.horizontalimages FIGURE.m4captimage {
	float: none;
	margin-left: 2em;
	margin-right: 2em;
	width: auto !important;
}