/* --------------------------------------- */
/* Article css */
/* --------------------------------------- */

@import url(boxes.css);

#summary > p:first-child > b  {
	border-bottom: 1px solid #b1b1b1;
	font-size: 1.1em;
	margin-bottom: 18px;
	padding-bottom: 3px;
	display: block;
	}

/* address:before {
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
	} */

address { 
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
	width: 100%;

	font-style: normal; 
	margin-bottom: 18px; 
}
	
/* address div {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
	} */

address dl {
	/* width: 100%; */
	margin-bottom: 18px;
	/* display: block; */
	}

address dt						{ border: 1px solid #b1b1b1; width: 54px; height: 64px; margin-right: 10px; display: inline-block; overflow: hidden; }
address dt img					{ max-width: 100%; }
address dd						{ font-size: 0.9em; width: 72%; display: inline-block; vertical-align: top; }

address b a						{ color: #323232; }
address b a:hover				{ color: #ff4100; }

#content address p				{ margin-bottom: 0px; }

/*
.more-authors					{ width: 170px; }
*/

#organisations					{ font-size: 0.9em; }

.author-articles				{ text-align: right; }

.addthis_sharing_toolbox		{ margin-top: 2px; float: right; }

#content #options {
	list-style: none;
	margin-left: 0px;
	float: left;
	}

#options li {
	background-color: #ff4100;
	background-image: url(/grfx/options-icons.png);
	background-repeat: no-repeat;
	background-size: 24px 144px;
	font-size: 0.9em;
	line-height: 24px;
	display: inline-block;
	}

.signin-option					{ background-position: 0px -0px; }
.toc-option						{ background-position: 0px -24px; }
.category-option				{ background-position: 0px -48px; }
.citation-option				{ background-position: 0px -72px; }
.pdf-option						{ background-position: 0px -96px; }
.upgrade-option					{ background-position: 0px -120px; }

#options li a {
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 24px;
	display: block;
	}

.mail-btn {
	background-image: url(/grfx/mail-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 11px;
	text-indent: -9999px;
	width: 36px;
	height: 24px;
	}

#citation blockquote {
    position: relative;
    margin: 0px;
    padding: 10px 40px 0px 40px;
	}

#citation blockquote:before,
#citation blockquote:after {
    position: absolute;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 72px;
	color: #b1b1b1;
    width: 36px;
    height: 36px;
    line-height: 1;
	}

#citation blockquote:before {
    top: 0;
    left: 0;
    content: "\201C";
	}

#citation blockquote:after {
    bottom: 0;
    right: 0;
    content: "\201D";
	}

#citation blockquote p {
	-webkit-user-select: all;  /* Chrome all / Safari all */
	-moz-user-select: all;     /* Firefox all */
	-ms-user-select: element;      /* IE 10+ */
	user-select: all;  
}

#source							{ font-style: italic; }

.footnotes {
	border-left: 1px solid #b1b1b1;
	font-size: 0.9em;
	margin-left: 6px;
	padding-left: 18px;
	}

/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* screens */
@media only screen and (max-width: 1152px) {

	#options li					{ font-size: 0.85em; }

	address dd					{ width: 68%; }

}

/* notebooks, tablets */
@media only screen and (max-width: 1024px) {

	#content #options			{ float: none; }
	.addthis_sharing_toolbox	{ float: none; }

	#options li					{ font-size: 0.9em; }

	address dd					{ width: 64%; }

}

/* notebooks, tablets */
@media only screen and (max-width: 960px) {

	address div {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		}

}

/* ==> breakpoint notebooks, tablets */
@media only screen and (max-width: 800px) {

	#content #options			{ float: left; }
	.addthis_sharing_toolbox	{ float: right; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

	#content #options			{ float: none; }
	.addthis_sharing_toolbox	{ float: none; }

	#options li					{ width: 48%; margin-bottom: 6px; }

	#content article h1			{ font-size: 1.2em; }

	address div {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		}

	address dd					{ width: 75%; }

}

/* tablets, mobiles */
@media only screen and (max-width: 480px) {

	#options li					{ width: auto; margin-bottom: 6px; display: block; }

	address dd					{ width: 72%; }
}

/* print */
@media print {

	#content #options 			{ display: none; }

	address b a					{ color: #00f; }

}