/*****************************************************************************************************
****************************************************************************************************
Description		- This document contains the styles and code necessary to create the accordion
				  animations.

Notes			20110123 - Created
****************************************************************************************************
*****************************************************************************************************/
/* some general settings that all three parts of the accordion have in common */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
}


/* sets up the content parameters of the accordion*/
.AccordionContent
{
	height: 0px;
	overflow:visible;
	display:none;
	min-height: 100px;
	padding-left: 4px;
	padding-right: 4px;
	color: #002448;
	font-weight:normal;
	padding-bottom:30px;

}

/*****************************
* toggle drop down
******************************/
.js .accordion__panel {
  text-align: left;
  overflow: hidden;
  padding: 0 1em;
  max-height: 0px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  visibility: hidden;
}

.js .accordion__panel.is-active {
  max-height: 100vh;
  visibility: visible;
}




/* sets up the content parameters of the accordion with out bullets*/
.AccordionContent ul, .AccordionContent ul li
{

	padding-right: 2px;
	font-size: .9rem;
	line-height: 1.25em;
}

.AccordionContent p
{
	padding-right: 3px;
	font-size: .9rem;
	line-height: 1.25em;
}

/* sets up the content parameters of the accordion with a bullet NOT WORKING YET*/
.accordion__panel.is-active ul ::marker {
  content: "»";
  font-size: 3em;

  --hue: 0;
  color: hsl(var(--hue) 50% 50%);
}
.accordion__panel.is-active ul > li::marker { --hue: 250; font-size: 1em; }
.accordion__panel.is-active ul {
  padding-inline-start: .5rem;
  }
/*
.AccordionContent ul,  .AccordionContent ul li
{
  list-style-type: none;
  padding-left: 2px;
}
*/
.AccordionContent ul li{line-height:2;}

/*defines the link styles*/

.AccordionContent a, .AccordionContent a:link,  .AccordionContent a:hover, .AccordionContent a:active , .AccordionContent p{
    color: #002448;
	font-weight:normal;
}

.AccordionContent a:visited {
    color: #800080;
	font-weight:normal;
}

.AccordionContent a:hover{
	text-decoration: underline;
	font-weight: normal;
}

/*defines the link styles for .AccordionTitle
.AccordionTitle a, .AccordionTitle a:link, .AccordionTitle a:visited {
                font-weight: bold;
} */

/*defines header text for the accordion*/
/* ^^^^^^^^^^^^^^^^^^^ KE changed  	deleted: border-bottom: 2px solid #003366; ^^^^^^^^^^^^^^^^^^^*/
/* ^^^^^^^^^^^^^^^^^^^ KE changed  		padding-left: 3px; to 	padding-left: 4px; ^^^^^^^^^^^^^^^^^^^*/
/* ^^^^^^^^^^^^^^^^^^^ KE changed  		font-weight: bold; to 	font-weight: .75em; ^^^^^^^^^^^^^^^^^^^*/

.clickable-heading {
    cursor:pointer;
	color: #014c8b;
	font-size: .9rem;
	margin-bottom:0;
	text-transform:capitalize;
}
.clickable-heading:hover {
    color:#515151;
}
.drop-group, .AccordionTitle{
border-bottom: 1px solid rgb(226, 226, 226);
}
.drop-group {
	padding:5px 0;
}
.drop-group ul{
	list-style-type:disc;
	list-style: inside;
}
.clickpara{padding:0 1rem;margin-left:1rem;display:inline-block;font-size: .9rem;}

#AccordionHeader {
    font-size: .9rem;
    text-transform: capitalize;
    border-bottom: 0.1875rem solid #ececec;
    background-color: #f5f5f5;
    padding: 1rem 1rem 0.5rem 0.5rem;
    margin-left: -1px;
}

.sidebar > section, .AccordionContainer {
    word-wrap: break-word;
    background-color: #ffffff;
    border-bottom: 0.0625rem solid #e2e2e2;
}
.AccordionTitle a {
    color: #014c8b;
}
.sidebar .sidebar_nav_menu ul li a, .AccordionTitle, .AccordionContent {
    color: #333333;
    display: block;
    padding: 3px;
    padding-left: .5rem;
}
.sidebar ul li, .AccordionTitle {
    border-top: 0.0625rem solid #ececec;
    font-size: .9rem;
    list-style: none;
    text-transform: capitalize;
}
.clickable-heading, .sim-click {
    cursor: pointer;
    font-size: .9rem;
    margin-bottom: 0;
    padding: 3px;
    padding-left: .5rem;
    z-index: 1;
}
.clickable-heading p{margin-bottom:0;}
#sidebar_second{padding-right:0;padding-left:0;}