/*
 * TODO: separate mobile.
 */

/* Position the OneLicense link when present */
.authority-thumbnail {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.authority-thumbnail > .onelicense-caption {
	background-color: rgba(200,200,200,0.75);
	bottom: 0em;
	position: absolute;
	text-align: center;
	width: 100%;
}

.pageimage {
	float: left;
	overflow: hidden;
}

#chooser_widget_content_pagescans {
	text-align: center;
	min-height: 500px;
}

.authority_section {
	clear: both;
	border-color: #C9C4B1;
	border-style: solid;
	border-width: 1px 0 0 0;
	padding: 0.1em 0.6em;
}

.authority_section.even,
.authority_sections > div:nth-child(even) {
	background-color: white;
}

.authority_section.odd,
.authority_sections > div:nth-child(odd) {
	background-color: #F0EDD3;
}

/* Fix for auto-placed ads covering section headers */
.authority_sections div.google-auto-placed {
    margin-bottom: 1.8em !important;
}

.authority_columns {
	-moz-column-count: 2;
	-moz-column-gap: 3em;
	-webkit-column-count: 2;
	-webkit-column-gap: 3em;
	column-count: 2;
	column-gap: 3em;
}

.authority_columns p {
    display: inline-block;
	width: 100%;
}

.authority_columns .no_split_columns {
    display: inline-block;
	width: 100%;
}

.authority_columns li {
    display: inline-block;
}

.authority_no_columns {

}

/* Mobile styles */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.nomobile {
		display: none;
	}

	#chooser_widget_content_pagescans
	{
		min-height: 0;
	}

	#at_product_list#at_product_list td img
	{
		width: 80px;
		height: auto;
	}
	#at_product_list td:last-child
	{
		width: 100px;
		float: left;
	}
	#at_product_list td
	{
		width: 50%;
		width: calc( 100% - 100px );
		display: inline-block;
	}
	/* Just show the product name from the picture (the first product only). */
	#at_product_list #authority_product_list td ul li
	{
		display: none;
	}
	#at_product_list #authority_product_list td ul li:first-child
	{
		display: block;
	}

	img.authority_person {
		max-width: 100px;
	}

	.authority_columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.authority_section {
		padding: 3px;
	}

	#authority_star {
		right: 7px;
	}

}

@media all and ( max-width: 320px )
{
	#at_timeline svg text
	{
		font-size: 10px !important;
	}
}

@media all and ( max-width: 220px )
{
	#at_product_list td
	{
		width: 100%;
	}
	/* Highcharts SVGs are hard to manipulate past a certain point, so hide them. */
	#at_timeline
	{
		display: none;
	}
}