@charset "UTF-8";
/* CSS Document */

@media screen{
body {background:gray; background-image:url("../images/tech_board.png"); background-size:cover; background-attachment:fixed; padding:0; margin:0; font-size:14px;}
*{box-sizing:border-box;}
/* portal page stuff*/
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', "Trebuchet MS", Verdana; margin:0;}
#portal {width:100%; margin:auto; padding:5px; background:white; height: 600px; max-width:800px; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:5px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#article_title {background: #1E6B52; border-radius:5px 5px 0 0; color:white; padding:5px;text-shadow: 2px 2px 4px black;text-align:center;}
#portal > h3 {margin:10px 0 0 0;}
#portal > p, #portal > ul {font-family: "Belgrano", "Trebuchet MS", Verdana, serif; font-size:14px; line-height:1.5em; margin:10px;}
#portal >p:first-of-type{margin-top:5px;}
#portal > ul > li {margin-bottom:5px;}
#portal > p:not([class="pagination"]) > a, #portal > p:not([class="pagination"]) > a:visited {display:inline; border-bottom:1px dashed #7C7A7B; text-decoration:none; color:#7C7A7B; font-weight:500;}
#portal > p:not([class="pagination"]) > a:hover {color:#D2C780; border-bottom:1px dashed #D2C780;}
#portal > .front_note {font-size:smaller; font-style:italic; }
footer{position:absolute; bottom:5px; left:5px; right:5px; font-size: x-small; text-align:center; background: #1E6B52; color:white; font-family: "Montserrat", serif; border-radius:0 0 5px 5px;}
footer > p {margin:0;} 
footer a, footer a:link, footer a:visited, footer a:hover {text-decoration:none; color:white;}
.pagination{display:block; position:absolute; bottom: 25px; left:10px; right:10px; text-align:center;}
.pagination a, .pagination a:link, .pagination a:visited, .pagination a:hover {color:black;}
.m-social{display:inline-block;}
.m-social > a {margin-right:5px;}
.m-social > a:last-child {margin-right:0px;}
[class*="arrow-"]:link, [class*="arrow-"]:visited {disply:inline-block; margin:0; padding:0 10px; outline:none; font-family:Arial; font-size:10px; border:none; width:auto; height:2em; color:white !important; background:black; border-radius:5px; font-weight:bold; letter-spacing:1px; line-height:2em; text-decoration:none;} 
[class*="arrow-"]:hover{background:rgba(0,0,0,0.3); box-shadow: 0 5px 5px #888888; border:none;}
.arrow-left{float:left;}
.arrow-right{float:right;}
}

@media only screen and (max-width:800px){
html, body {background:white;}
#portal {width:100%; position:absolute; top:0px; height:auto; border-radius:0; box-shadow:none;}
#portal > .front_note {margin-bottom:50px;}
}

@media only screen and (max-height:500px){
#portal {position:relative;}
#portal > .front_note {margin-bottom:50px;}
.pagination{position:relative; left:0; right: 10px;}
footer {position:relative; left:0; right: 10px; margin-bottom:5px;}
}

@media only screen and (max-width:600px){
.pagination{position:relative; left:0; right: 10px;}
footer {position:relative; left:0; right: 10px; margin-bottom:5px;}
}


@page {margin:1in 1in 1in 1in;}
@media only print{
	*{float:none; box-sizing:border-box;}
	html {margin:0 0 0 0; padding:0; height:auto;}
	body{padding:0; margin:0 0 0 0; font-size:12pt; line-height:1.3em; height:auto;}
	html, body, div, article, section, h1 {margin-top:0 !important; float: none !important; width:7.5in !important;}
	nav > header, nav, aside, .pagination, footer {display:none;}
	h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', serif; line-height:normal;}
	h1 {margin-bottom:0;}
	h2:first-of-type {margin-top:0;}
	h3 {margin-bottom:0;}
	p:first-of-type{margin-top:0;}
	#portal{margin:0 0 0 0; padding:0; break-before:avoid; page-break-before:avoid;}
	p, ol{font-family: 'Belgrano', serif; page-break-inside:avoid;}
	header{margin:0 0 12px 0; padding:0; float:none;}
	header:after{ content:"By Jeffrey A. Bacha (University of Alabama at Birmingham)"; font-size:12pt;}
	p > sup > a, p > sup > a:visited{text-decoration:none; color:black;}
	p > a:not([href^="https://"]):not([href^="http://"]), p > a:not([href^="https://"]):not([href^="http://"]):visited {color:black; text-decoration:none; font-weight:normal;}
	ol > li > a:not([href^="https://"]):not([href^="http://"]), ol > li > a:not([href^="https://"]):not([href^="http://"]):visited {color:black; text-decoration:none; font-weight:normal;}
	ul > li > a:not([href^="https://"]):not([href^="http://"]), ul > li > a:not([href^="https://"]):not([href^="http://"]):visited {color:black; text-decoration:none; font-weight:normal;}
	p > a[href^="http://"], p > a[href^="http://"]:visited {color:LightGray;}
	p > a[href^="http://"]:after{content:" (" attr(href) ")"; font-size:90%; word-wrap:break-word;}
	.citation{margin-left:30px; text-indent:-30px;}
	figure.up, figure.down {height:auto; width:50%; float:right; margin:auto 0 auto .1in; padding:0; font-size:smaller; border:solid gray 1px; border-radius:5px;}
figure.up > img, figure.down > img {width:100%; height:auto; margin:0; border-bottom:solid gray 1px; border-radius:5px 5px 0 0;}
figure.up > figcaption, figure.down > figcaption {display:block; width:100%; padding:5px;}
.image-button{display:none;}
#note_pop{display:none !important;}
}