/*
	Every page has this first, followed by color.css
	Figures then have controls.css, figure.css, and then their own specific styling.
	Experiments then have controls.css, experiment.css, and then their own specific styling.
	Manual pages then have manual.css.
*/

a.account, a.logout { visibility:hidden; } /* TEMPORARY for hosting at Emory */

.btn {
	user-select:none;
}

/************************* browser hacks *************************/

button::-moz-focus-inner { border: 0; } /* remove ugly dotted rect around the clicked button's text */
a::-moz-focus-inner { border: 0; } /* remove ugly dotted rect around the clicked button's text */

.win input[type='radio'] { vertical-align:-1px; } /* -2px in XP, -1px in Windows 7 */
.win input[type='checkbox'] { vertical-align:-2px; } /* -2px in XP, -1px in Windows 7 */

.win .notwin { display:none; }
.mac .notmac { display:none; }
/* OR */
body .win, body .mac, body .ios, body .lin { display:none; }
body.win .win, body.mac .mac, body.ios .ios, body.lin .lin { display:inline-block; }


/************************* body and general formatting *************************/

* { 
	box-sizing:border-box;
}

body, body * {
	margin:0px;
	padding:0px;
}

nav {
	overflow-x:hidden;
	/* could allow selection of p * and li * text. */
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none;
	cursor:default;
}

form { margin:0; } 

.hidden { display:none !important; }
.relative { position:relative !important; } /**************** USED only in experments; for the results div of the results frame; maybe move it there and give a more informative name */


/* don't display any instructor material in student manual (applies to nav and section in manual, could affect captions) */
.student .instructor { display:none; }

table {
	border-collapse:collapse;
}

p { clear:left; } /* or it is messed up after .quiz.half */


/************************* text styling *************************/

body, section { font-family:'Noto Serif',serif; font-size:13px; }
form, form * { font-family:Arial, Helvetica, sans-serif; font-size:13px; }

a, .link, .doi, .pdf, .preset { 
	cursor:pointer;
	text-decoration:underline; 
	XXtext-decoration-style:dotted; /* not supported in Safari and looks bad at font-size > 13 in Chrome */
} 
h2 a { text-decoration:none; }

sub, sup { /* prevent from changing line spacing; doesn't quite work, sup still changes it */
	line-height:0em; 
	position:relative;
	vertical-align:baseline;
	font-size:0.8em;
}
sub { top:0.35em; }
sup { top:-0.5em; }
sub.low { top:0.5em; }

/* fractions in the text body */
sup.frac { top:-0.45em; font-size:80%; }
sub.frac { top:0.0em; font-size:80%; }


/************************** links *******************************/

/* for links that are disabled because the content doesn't yet exist */
a.not {
	pointer-events:none;
	cursor:default;
}

/* Audio links could be styled as buttons or have an icon by them. I've opted not to do so yet */
a.audio::after, .audio a::after {
	XXcontent:url(../img/speaker.svg); 
}
/* could put a circular arrow after looping audio links */
a.loop::after {
	XXcontent:' \0021ba';
}

/**************************** caption font size for figures and demos **********************/

#caption, #caption * { font-family:'Noto Serif',serif !important; }
#caption, #caption * { font-size:13px /*!important;*/ } /* with default font14 in manual */

/* works in console, but do I WANT caption text size to change? */
#caption, #caption * { font-size:13px !important; } /* 13 with default manual of 14 */
body.font10 #caption, body.font10 #caption * { font-size:10px !important; }
body.font11 #caption, body.font11 #caption * { font-size:10px !important; }
body.font12 #caption, body.font12 #caption * { font-size:11px !important; }
body.font13 #caption, body.font13 #caption * { font-size:12px !important; }
body.font14 #caption, body.font14 #caption * { font-size:13px !important; } /* 13 with default manual of 14 */
body.font15 #caption, body.font15 #caption * { font-size:14px !important; }
body.font16 #caption, body.font16 #caption * { font-size:15px !important; }
body.font17 #caption, body.font17 #caption * { font-size:16px !important; }
body.font18 #caption, body.font18 #caption * { font-size:17px !important; }
body.font19 #caption, body.font19 #caption * { font-size:18px !important; }
body.font20 #caption, body.font20 #caption * { font-size:19px !important; }