/*<meta />*/

/* Author attribution for the icons used on landing pages and overview topics
	 * -All icons use the Creative Commons BY 3.0 License (http://creativecommons.org/licenses/by/3.0/)
	 * -Icons made by the following authors:
	 * ---Author name (http://url-to-the-authors-page)
	 */

/*Topic page style additions that are not globally-linked.
---------------------------------------------------------------------------------------------------------------*/

/*Brief CSS reset for main elements for single-topic patron help */
html, body, div, h1{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*Body style overrides*/
body {
	color: #404040; /* Must be set in project styles. Defaults to #222222.*/
	font-size: 1rem; /* Must be set in project styles. Defaults to 0.875rem.*/	
}

/*Single-topic patron help master page styles.*/
div.single-topic-wrapper{
	margin: 0 auto;
	max-width: 62.5em
}

div.single-topic-header
{
	background-color: #306D9C; 
	margin: 0 auto;
	padding: 0.5em 1em 1em 1em;
}

div.single-topic-header h1
{
	border: none;
	color: #fff;
	margin: 0.5em 0;
	padding-bottom: 0em;
}

div.single-topic-header-bar
{
	background-color: #7FA5C2;
	height: 22px;
}

div.single-topic-body{
	padding: 0 1em 1em 1em;
}

div.single-topic-body img {
	max-width: 100%; /*Make sure large images don't expand past the topic body container.*/
}

div.single-topic-footer
{
	padding: 0 1em 3em 1em;
	text-align: center;
}

/* Pure CSS accordion tab overrides*/
label.css-tab-label {
	background: #306D9C; /* Must be set in project styles. Defaults to #1b76a9 (tab is open on page load).*/
	padding: 1em; /* Must be set in project styles. Defaults to 0.5em 1em (tab is open on page load).*/
}

label.css-tab-label p {
	font-size: 1rem; /* Must be set in project styles. Defaults to 0.8rem (tab is open on page load).*/
	font-weight: bold; /* Must be set in project styles. Defaults to normal (tab is open on page load).*/
}

div.css-tab-content {
	background: #ffffff; /* Must be set in project styles. Defaults to #eeeeee (tab is open on page load).*/
	max-height: 0; /* Must be set in project styles. Defaults to 150em (tab is open on page load).*/
}

/* Open and close icon for accordion tabs */
label.css-tab-label::after {
	height: 3em; /* Must be set in project styles. Defaults to 2em (tab is open on page load).*/
	line-height: 3; /* Must be set in project styles. Defaults to 2 (tab is open on page load).*/
	width: 3em; /* Must be set in project styles. Defaults to 2em (tab is open on page load).*/
}

input.css-tab-input[type=checkbox] + label::after {
	content: "+";
}

/* Transition changes for accordion tabs */
input.css-tab-input[type=checkbox]:checked + label::after {
	transform: rotate(135deg); /* Must be set in project styles. Defaults to 360deg (tab is open on page load).*/
}

input.css-tab-input[type=checkbox]:checked ~ .css-tab-content {
	max-height: 150em; /* Must be set in project styles. Defaults to 0em (tab is open on page load).*/
}

/*Paragraph style overrides*/
p {
	font-size: 1rem; /* Must be set in project styles. Defaults to 0.875rem.*/
}

/*_______________________________________________________________________________________________END OF SECTION*/

@media print
{
	/*No styles currently.*/
}

@media screen and (min-width: 601px)
{
	.mob_only
	{
		display: none;
	}
	.desk_only
	{
		display: block;
	}
}

@media screen and (max-width: 600px)
{
	.mob_only
	{
		display: block;
	}
	.desk_only
	{
		display: none;
	}
}
			
		
/* unvisited link */
a:link {
	color: #206B95;
}

/* visited link */
a:visited {
	color: #b12dc9;
}

/* mouse over link */
a:hover {
	color: #206B95;
}

/* selected link */
a:active {
	color: #222222;
	text-decoration-line: underline;
}