/****** CHANGELOG
* x20241014 - morri2mp - 14 October 2024 - add overflow:auto to .accordion-content
* x20220518 - okellesm - 18 May 2022 - Updated to round corners of accordion-headers
* x20220202 - johns2ja - 2, 4 February 2022 - changes for accessibility 
* 10 February 2021: COPIED FROM JMU/cob/_css/cob-accordion-styles.css (https://cascade.jmu.edu/entity/open.act?id=448a9718867e48594778e1dd27097064&type=file) 
* x20210210 - johns2ja - 10 February 2020 - removed references to background images active-header.gif and inactive-header.gif 
* x20201111 - johns2ja - 11 November 2020 - centralized expander/collapser styles 
* x20201002 - johns2ja - 2 October 2020 - link indicators added */

/*@media only screen and (min-width: 769px) {
	 move-up {
		 margin-top: -50px;
	}
}
 @media only screen and (max-width: 768px) {
	 move-up {
		 margin-top: 0px;
	}
}
 *****/
 #accordion-container {
    font-size: 13px;
    background: #ffffff;
    padding: 5px 10px 10px 10px;
   /* border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 5px 15px #cccccc;
    -webkit-box-shadow: 0 5px 15px #cccccc;
    box-shadow: 0 5px 15px #cccccc;
    */
}
/*Set Title Color Styles*/
#maincontentarea h5.purple-dark-bg {
    background-color: #450084!important;
    color: #ffffff!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.purple-medium-bg {
    background-color: #DACCE6!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.purple-light-bg {
    background-color: #D7C3DF!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.gold-dark-bg {
    background-color: #AD9C65!important;
    color: #ffffff!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.gold-medium-bg {
    background-color: #CBB677!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.green-dark-bg {
    background-color: #5F791C!important;
    color: #ffffff!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.green-medium-bg {
    background-color:#ADCC23!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.green-light-bg {
    background-color: #DEEBA7!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.blue-dark-bg {
    background-color: #3C738B!important;
    color: #ffffff!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.blue-medium-bg {
    background-color: #5498B6!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.blue-light-bg {
    background-color: #D2EBF5!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
#maincontentarea h5.marigold-bg {
    background-color: #FFBD00!important;
    color: #333333!important;
   /* padding: 10px 15px;
    margin-top: 20px;
    margin-bottom: 0;
    */
}
/*End Set Title Color Styles*/
.accordion-header {
    font-size: 16px;
    font-family: Arvo, Georgia, serif;
    background: #ebebeb;
    margin: 5px 0 0 0 !important;
    padding: 12px 30px 5px 20px;
   /* 10px 30px 10px 20px;
    replaced per x20220202 */
    border: 1px solid #cccccc;
    cursor: pointer;
    color: #333333!important;
   /* -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    */
    display: block;
}
.accordion-header a{
    font-weight: normal;
    text-decoration:none!important;
    color: #333333!important;
}
.accordion-header a:hover{
    font-weight: normal;
    color: #333333!important;
    text-decoration: underline;
}
.active-header {
   /* -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #ebebeb;
    */
    background: #B599CE;
    background-repeat: no-repeat;
    background-position: right 50%;
    color: #333333!important;
    font-weight: bold;
}
.active-header:hover {
   /* background: #f5f5f5; */
    background: #D7C3DF;
    background-repeat: no-repeat;
    background-position: right 50%;
    color: #333333!important;
    text-decoration: underline!important;
}
.inactive-header {
   /* background: #ebebeb; */
    background: #B599CE;
    background-repeat: no-repeat;
    background-position: right 50%;
}
.inactive-header:hover {
   /* background: #f5f5f5; */
    background: #D7C3DF;
    background-repeat: no-repeat;
    background-position: right 50%;
    color: #333333!important;
    text-decoration: underline!important;
}
.accordion-content {
    display: none;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0;
    overflow: auto; /** x20241014 - morri2mp - 14 October 2024 - add overflow:auto to .accordion-content */
   /* -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    */
}
/*Colors*/
/* x20220518 Removed following properties from below
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-repeat: no-repeat;
    background-position: right 50%;
    text-decoration: underline!important;
    font-weight: bold; */
/*Dark Purple*/
.accordion-header.active-header.purple-dark-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #450084!important;
    color: #ffffff!important;
    text-decoration: underline;
    font-weight: bold;
}
.accordion-header.purple-dark-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #B599CE!important;
    color: #333333!important;
}
.accordion-header.purple-dark-bg.inactive-header {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #450084!important;
}
.accordion-header.inactive-header.purple-dark-bg{
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #450084!important;
    color: #ffffff!important;
}
.accordion-header.inactive-header.purple-dark-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #B599CE!important;
    color: #333333!important;
}
/*Purple Links being white - NECESSARY*/
.accordion-header.active-header.purple-dark a {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    color: #ffffff!important;
}
.accordion-header.purple-dark-bg a:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    color: #333333!important;
}
.accordion-header.inactive-header.purple-dark-bg a{
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    color: #ffffff!important;
    font-weight: bold;
}
.accordion-header.inactive-header.purple-dark-bg a:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    color: #333333!important;
}
/*Medium Purple*/
.accordion-header.active-header.purple-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #B599CE!important;
    color: #333333!important;
}
.accordion-header.active-header.purple-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #D7C3DF!important;
    color: #333333!important;
}
.accordion-header.inactive-header.purple-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #B599CE!important;
}
.accordion-header.inactive-header.purple-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #D7C3DF!important;
    color: #333333!important;
}
/*Marigold*/
.accordion-header.active-header.marigold-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #FFBD00!important;
    color: #333333!important;
}
.accordion-header.active-header.marigold-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #FFCC3E!important;
    color: #333333!important;
}
.accordion-header.inactive-header.marigold-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #FFBD00!important;
}
.accordion-header.inactive-header.marigold-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #FFCC3E!important;
    color: #333333!important;
}
.accordion-header.active-header.marigold-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #FFBD00!important;
    color: #333333!important;
}
.accordion-header.active-header.marigold-bg {
   /* a.accordion-header replaced with .accordion-header per x20220202 */
    color: #333333!important;
}
.accordion-header.active-header.marigold-bg:hover {
   /* a.accordion-header replaced with .accordion-header per x20220202 */
    color: #333333!important;
}
.accordion-header.inactive-header.marigold-bg:hover {
   /* a.accordion-header replaced with .accordion-header per x20220202 */
    color: #333333!important;
}
/*Medium Green*/
.accordion-header.active-header.green-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #ADCC23!important;
    color: #333333!important;
}
.accordion-header.active-header.green-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #DEEBA7!important;
    color: #333333!important;
}
.accordion-header.inactive-header.green-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #ADCC23!important;
}
.accordion-header.inactive-header.green-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #DEEBA7!important;
    color: #333333!important;
}
/*Medium Blue*/
.accordion-header.active-header.blue-medium-bg{
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #5498B6!important;
    color: #333333!important;
}
.accordion-header.active-header.blue-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #D2EBF5!important;
    color: #333333!important;
}
.accordion-header.inactive-header.blue-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #5498B6!important;
}
.accordion-header.inactive-header.blue-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #D2EBF5!important;
    color: #333333!important;
}
/*Medium Gold*/
.accordion-header.active-header.gold-medium-bg{
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #CBB677!important;
    color: #333333!important;
}
.accordion-header.active-header.gold-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #F4EFE1!important;
    color: #333333!important;
}
.accordion-header.inactive-header.gold-medium-bg {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #CBB677!important;
}
.accordion-header.inactive-header.gold-medium-bg:hover {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background: #F4EFE1!important;
    color: #333333!important;
}
/* start x20201002 */
.accordion-header span.lnkind {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    width: 32px;
    height: 23px;
    margin-right: -20px;
    float: right;
    display: inline-block;
    cursor: pointer;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    margin-top: 6px;
}
.accordion-header.active-header span.lnkind {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background:url(//www.jmu.edu/_images/_buttons/link-indicator-up.png);
}
.accordion-header.inactive-header span.lnkind {
   /* p.accordion-header replaced with .accordion-header per x20220202 */
    background:url(//www.jmu.edu/_images/_buttons/link-indicator-down.png);
}
/* end x20201002 */
/* start x20201111 */
.expcol {
    float: right;
    margin-right: 15px;
}
.expcol a.expand, .expcol a.collapse {
    font-weight: bold;
}
/* end x2020111 */
/* start x20220202 */
.accordion-header {
    width: 100%;
    text-align: left;
}
.accordion-header.inactive-header span.lnkind {
    background: url(//www.jmu.edu/_images/_buttons/link-indicator-down.png);
}
.accordion-header span.lnkind {
    width: 32px;
    height: 23px;
    margin-right: -20px;
    float: right;
    display: inline-block;
    cursor: pointer;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    margin-top: 4px;
}
.accordion-content {
    width: auto !important;
}
/* end x20220202 */